@charset "utf-8";@import '../../../assets/css/font-awesome.css';.clearfix:before {
    display: table;
    clear: both;
    content: ""
}

.clearfix:after {
    display: table;
    clear: both;
    content: ""
}

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px
}

.row {
    margin-right: -10px;
    margin-left: -10px
}

.row:before {
    display: table;
    clear: both;
    content: ""
}

.row:after {
    display: table;
    clear: both;
    content: ""
}

ul:before {
    content: '';
    display: table;
    clear: both
}

ul:after {
    content: '';
    display: table;
    clear: both
}

.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12 {
    padding-right: 10px;
    padding-left: 10px
}

.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12 {
    position: relative;
    min-height: 1px
}

.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12 {
    float: left
}

.col-xs-12 {
    width: 100%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10 {
    width: 83.33333333%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4 {
    width: 33.33333333%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1 {
    width: 8.33333333%
}

.sep-md-5 {
    width: 20%;
    padding: 0 10px
}

.col-xs-offset-12 {
    margin-left: 100%
}

.col-xs-offset-11 {
    margin-left: 91.66666667%
}

.col-xs-offset-10 {
    margin-left: 83.33333333%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-8 {
    margin-left: 66.66666667%
}

.col-xs-offset-7 {
    margin-left: 58.33333333%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-5 {
    margin-left: 41.66666667%
}

.col-xs-offset-4 {
    margin-left: 33.33333333%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-2 {
    margin-left: 16.66666667%
}

.col-xs-offset-1 {
    margin-left: 8.33333333%
}

.col-xs-offset-0 {
    margin-left: 0
}

@media (min-width: 768px) {
    .col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12 {
        float:left
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-1 {
        width: 8.33333333%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-pull-11 {
        right: 91.66666667%
    }

    .col-sm-pull-10 {
        right: 83.33333333%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-8 {
        right: 66.66666667%
    }

    .col-sm-pull-7 {
        right: 58.33333333%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-5 {
        right: 41.66666667%
    }

    .col-sm-pull-4 {
        right: 33.33333333%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-2 {
        right: 16.66666667%
    }

    .col-sm-pull-1 {
        right: 8.33333333%
    }

    .col-sm-pull-0 {
        right: auto
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }

    .col-sm-offset-0 {
        margin-left: 0
    }
}

@media (min-width: 992px) {
    .col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12 {
        float:left
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-1 {
        width: 8.33333333%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-pull-11 {
        right: 91.66666667%
    }

    .col-md-pull-10 {
        right: 83.33333333%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-8 {
        right: 66.66666667%
    }

    .col-md-pull-7 {
        right: 58.33333333%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-5 {
        right: 41.66666667%
    }

    .col-md-pull-4 {
        right: 33.33333333%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-2 {
        right: 16.66666667%
    }

    .col-md-pull-1 {
        right: 8.33333333%
    }

    .col-md-pull-0 {
        right: auto
    }

    .col-md-offset-12 {
        margin-left: 100%
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%
    }

    .col-md-offset-0 {
        margin-left: 0
    }
}

@media (min-width: 1200px) {
    .col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12 {
        float:left
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-11 {
        width: 91.66666667%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-8 {
        width: 66.66666667%
    }

    .col-lg-7 {
        width: 58.33333333%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-5 {
        width: 41.66666667%
    }

    .col-lg-4 {
        width: 33.33333333%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-2 {
        width: 16.66666667%
    }

    .col-lg-1 {
        width: 8.33333333%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-pull-11 {
        right: 91.66666667%
    }

    .col-lg-pull-10 {
        right: 83.33333333%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-8 {
        right: 66.66666667%
    }

    .col-lg-pull-7 {
        right: 58.33333333%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-5 {
        right: 41.66666667%
    }

    .col-lg-pull-4 {
        right: 33.33333333%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-2 {
        right: 16.66666667%
    }

    .col-lg-pull-1 {
        right: 8.33333333%
    }

    .col-lg-pull-0 {
        right: auto
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }

    .col-lg-offset-0 {
        margin-left: 0
    }
}

@media screen and (max-width: 640) {
    .sep-md-5 {
        width:100%
    }
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

.form-control {
    vertical-align: middle;
    padding: 6px 8px;
    height: 32;
    font-weight: normal;
    border-radius: 3px;
    background: #fbfbfb;
    outline: none
}

.form-group {
    margin-bottom: 15px;
    position: relative
}

.btn-primary {
    background-color: #337ab7;
    border-color: #2e6da4
}

.btn-primary:hover {
    opacity: .7
}

.hide {
    display: none !important
}

:after,:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.has-error .checkbox,.has-error .checkbox-inline,.has-error .control-label,.has-error .help-block,.has-error .radio,.has-error .radio-inline,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label {
    color: #a94442
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373;
    position: absolute;
    right: 20px;
    top: 15px
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px
}

.pagination>li {
    display: inline
}

.pagination>li:nth-child(1)>a,.pagination>li:nth-child(1)>span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.pagination>li:last-child>a,.pagination>li:last-child>span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

.pagination>li>a,.pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.8;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd
}

.form-group.has-success:after {
    content: "\f058";
    font-family: FontAwesome;
    position: absolute;
    right: 0;
    bottom: 8px;
    height: 18px;
    line-height: 18px;
    margin-right: 5px;
    text-align: center;
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: -o-transform .3s;
    transition: transform .3s;
    transition: transform .3s,-webkit-transform .3s,-o-transform .3s;
    width: 18px;
    color: green
}

* {
    font-size: 16px;
    color: #666;
    font-family: 'Arial','Microsoft YaHei UI Light','Lucida Grande','Microsoft Yahei';
    margin: 0;
    padding: 0
}

button {
    cursor: pointer;
    font-size: 16px
}

.pointer {
    cursor: pointer
}

i {
    display: inline-block
}

.iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border: none;
    z-index: 30
}

.t-rights {
    text-align: right
}

.nowrap {
    white-space: nowrap
}

.richtext {
    width: 100%;
    line-height: 30px;
    color: #666
}

.richtext * {
    font-size: inherit;
    line-height: inherit;
    color: inherit
}

.richtext iframe {
    width: 100%;
    border: none
}

.richtext.cor333 {
    color: #333
}

.richtext.cors25 {
    color: #fdf2e5
}

.richtext img {
    max-width: 100%;
    height: auto !important
}

.richtext.maxs770 {
    max-width: 770px;
    margin-left: auto;
    margin-right: auto
}

.richtext.maxs1360 {
    max-width: 1360px;
    margin: auto
}

.richtext.maxs1180 {
    max-width: 1180px;
    margin: auto
}

.richtext.maxs1080 {
    max-width: 1080px;
    margin: auto
}

.richtext.maxs830 {
    max-width: 830px;
    margin: auto
}

.richtext.cors {
    color: #fff
}

.richtext.h-ons {
    margin-top: 20px
}

.richtext.lh24 {
    line-height: 24px
}

.richtext.lh26 {
    line-height: 26px
}

.richtext.lh28 {
    line-height: 28px
}

.richtext.lh32 {
    line-height: 32px
}

.richtext.lh34 {
    line-height: 34px
}

.richtext.lh36 {
    line-height: 36px
}

.richtext.lh40 {
    line-height: 40px
}

.richtext.lh15 {
    line-height: 1.5
}

.richtext.lh2 {
    line-height: 2
}

.richtext h1 {
    line-height: 1 !important
}

.richtext h2 {
    display: block;
    width: 100%;
    font-size: 44px;
    color: #333;
    line-height: 1.32;
    margin-bottom: 30px
}

.richtext.two-h2 h2 {
    font-size: 36px
}

.richtext a {
    color: #544627 !important;
    text-decoration: underline
}

.richtext a:hover {
    color: #f98609 !important;
    text-decoration: none
}

.richtext strong {
    font-weight: bold
}

.richtext.strong strong {
    display: block;
    width: 100%;
    font-size: 30px;
    color: #1a1a1a;
    line-height: 1.32;
    margin-bottom: 10px
}

.richtext ul {
    list-style: none !important;
    max-width: 100%
}

.richtext ul li {
    list-style: none !important;
    position: relative;
    padding-left: 24px;
    color: inherit;
    margin-bottom: 12px
}

.richtext ul li:last-child {
    margin-bottom: 0
}

.richtext ul li * {
    font-size: inherit;
    color: inherit;
    line-height: inherit
}

.richtext ul li:before {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    background: #333;
    position: absolute;
    left: 0;
    top: 12px;
    border-radius: 100%
}

.richtext.ul-rights ul li:before {
    display: none
}

.richtext.ul-rights ul li:after {
    content: '';
    display: block;
    width: 2px;
    height: calc(100% - 16px);
    background: #f98609;
    position: absolute;
    left: 0;
    top: 8px
}

.richtext ol {
    list-style: decimal;
    padding-left: 22px
}

.richtext ol li {
    list-style: inherit
}

.richtext table {
    width: 100%
}

.richtext table tr {
    background: #f5f5f5
}

.richtext table tr td {
    border: none;
    padding: 15px 25px;
    font-size: inherit;
    color: inherit;
    line-height: 28px;
    background: none;
    border-left: 1px solid #dfdfdf;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff
}

.richtext table tr td:nth-child(1) {
    border-left: none;
    padding: 15px 30px
}

.richtext table tr td * {
    font-size: inherit;
    color: inherit;
    line-height: inherit;
    font-weight: inherit
}

.richtext table tr td+td {
    text-align: center;
    color: #544627
}

.richtext table tr td.ons {
    background: none;
    color: inherit
}

.richtext table tr:nth-child(odd) {
    background: #f5f5f5
}

.richtext table tr:nth-child(1) td {
    background: #544627;
    color: #fff;
    font-weight: bold
}

.richtext.table1 table tr {
    background: none
}

.richtext.table1 table tr:nth-child(odd) {
    background: none
}

.richtext.table1 table tr td {
    border: 1px solid #dfdfdf;
    padding: 5px 42px
}

.richtext.table1 table tr td:nth-child(1) {
    width: 30%;
    background: #544627 !important;
    color: #fff !important;
    font-weight: bold !important;
    border-color: rgba(255,255,255,0.5)
}

.richtext.table1 table tr td+td {
    text-align: inherit;
    color: inherit
}

.richtext.table1 table tr:nth-child(1) td {
    background: none;
    color: inherit;
    font-weight: inherit
}

.richtext .over-tabs {
    overflow-x: auto
}

.richtext .over-tabs::-webkit-scrollbar {
    width: 100%;
    height: 6px;
    background-color: transparent;
    overflow: initial
}

.richtext .over-tabs::-webkit-scrollbar-thumb {
    background-color: rgba(0,0,0,0.3)
}

.p-boxs {
    min-width: 100%
}

.mores-boxs .mores {
    display: inline-block;
    vertical-align: top;
    line-height: 30px
}

.mores-boxs .mores.ons1 {
    background: -moz-linear-gradient(left, #544627 0, #f98609 100%);
    background: -webkit-linear-gradient(left, #544627 0, #f98609 100%);
    background: -o-linear-gradient(left, #544627 0, #f98609 100%);
    background: -ms-linear-gradient(left, #544627 0, #f98609 100%);
    background: linear-gradient(to right, #544627 0, #f98609 100%);
    padding: 8px 50px;
    color: #fff
}

.mores-boxs .mores.ons1 i {
    width: 12px;
    height: 2px;
    font-size: inherit;
    color: inherit;
    position: relative;
    background: rgba(255,255,255,0.2);
    border-bottom: 1px solid #fff;
    display: inline-block;
    vertical-align: middle;
    margin-left: 24px
}

.mores-boxs .mores.ons1 i:after {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -3px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mores-boxs .mores.ons1.active {
    background: #fff;
    color: #333
}

.mores-boxs .mores.ons1.active i {
    background: rgba(51,51,51,0.2);
    border-bottom: 1px solid #333
}

.mores-boxs .mores.ons1.active i:after {
    border-color: #333
}

.mores-boxs .mores.ons1:hover {
    background: -moz-linear-gradient(left, #f98609 0, #544627 100%);
    background: -webkit-linear-gradient(left, #f98609 0, #544627 100%);
    background: -o-linear-gradient(left, #f98609 0, #544627 100%);
    background: -ms-linear-gradient(left, #f98609 0, #544627 100%);
    background: linear-gradient(to right, #f98609 0, #544627 100%)
}

.mores-boxs .mores.ons1:hover.active {
    color: #fff
}

.mores-boxs .mores.ons1:hover.active i {
    background: rgba(255,255,255,0.2);
    border-bottom: 1px solid #fff
}

.mores-boxs .mores.ons1:hover.active i:after {
    border-color: #fff
}

small {
    font-size: 12px
}

ul,ol {
    list-style-type: none;
    list-style-image: none;
    margin: 0;
    padding: 0
}

a {
    text-decoration: none;
    outline: none
}

a:hover {
    color: #544627
}

sup {
    vertical-align: text-top
}

s {
    text-decoration: none
}

sub {
    vertical-align: text-bottom
}

img {
    border: 0;
    vertical-align: middle
}

table {
    border-spacing: 0;
    border-collapse: collapse
}

.regular {
    font-family: "Arial"
}

.bold,.bold1,.black {
    font-weight: bold
}

.medium {
    font-weight: 600
}

.inner-body {
    overflow-x: hidden
}

.filter {
    filter: brightness(.5)
}

.swiper-container .swiper-slide {
    height: auto
}

.clearfix:before,.fix:before {
    content: '';
    display: table;
    clear: both
}

.clearfix:after,.fix:after {
    content: '';
    display: table;
    clear: both
}

.lf {
    float: left
}

.rt {
    float: right
}

dt {
    font-weight: normal
}

.upps {
    text-transform: uppercase
}

.ellipsis {
    text-overflow: ellipsis
}

.i-imgs img,.thumbs img,.i-boxs img {
    display: inline
}

.sep-container {
    width: 100%;
    max-width: 1560px;
    margin: auto
}

.sep-container.max1360 {
    max-width: 1360px
}

.sep-container.pres {
    z-index: 10
}

.relative {
    position: relative
}

.sep-container50 {
    width: 100%;
    max-width: 780px
}

.cens {
    text-align: center
}

.ris {
    text-align: right
}

.m-bottoms {
    margin-bottom: 25px
}

.m-tops {
    margin-top: 25px
}

.spans {
    line-height: 30px;
    overflow: hidden;
    color: #333
}

.spans * {
    font-size: inherit;
    line-height: inherit;
    color: inherit
}

.spans.lh28 {
    line-height: 28px
}

.spans.lh32 {
    line-height: 32px
}

.spans.lh34 {
    line-height: 34px
}

.spans.lh36 {
    line-height: 36px
}

.thumbs {
    width: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-wrap: wrap
}

.thumbs img {
    max-width: 100%
}

.thumbs.ons img {
    max-height: 100%
}

.spans,.titles-a {
    display: block;
    width: 100%;
    color: #333
}

.block {
    display: block
}

.over-hides {
    overflow: hidden;
    position: relative
}

.pres {
    position: relative
}

.pres #xx-forms {
    position: absolute;
    top: -80px;
    left: 0
}

.help-block {
    display: none !important
}

.img-rot:hover .img-rot-lists {
    -webkit-animation: myfirst .5s;
    -moz-animation: myfirst .5s;
    -ms-animation: myfirst .5s;
    -o-animation: myfirst .5s;
    animation: myfirst .5s
}

@keyframes myfirst {
    0% {
        transform: rotate(0)
    }

    25% {
        transform: rotate(15deg)
    }

    50% {
        transform: rotate(0)
    }

    75% {
        transform: rotate(15deg)
    }

    100% {
        transform: rotate(0)
    }
}

.t-cens {
    text-align: center
}

.wids {
    width: 100%
}

.wids img {
    width: 100%
}

.gtj-img img {
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

i {
    vertical-align: middle
}

body {
    max-width: 100%;
    margin: 0 auto
}

.m-hes img {
    max-height: 100%
}

.gtj-t-r-deg1 {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.gtj-t-r-deg2 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg)
}

.gtj-t-r-deg {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.gtj-t-ty-fives {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.li-imgs:hover .i-imgs-lists.i-imgs1 {
    width: 0;
    height: 0
}

.li-imgs:hover .i-imgs-lists.i-imgs2 {
    width: 100%;
    height: auto
}

.li-imgs.active .i-imgs-lists.i-imgs1 {
    width: 0;
    height: 0
}

.li-imgs.active .i-imgs-lists.i-imgs2 {
    width: 100%;
    height: auto
}

.i-imgs-lists {
    display: block;
    height: 0;
    width: 0;
    overflow: hidden
}

.i-imgs-lists.i-imgs1 {
    width: 100%;
    height: auto
}

.i-imgs-lists.i-imgs2 {
    width: 0;
    height: 0
}

.imgs-hovers {
    position: relative
}

.imgs-hovers:hover img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2)
}

.imgs-hovers1 {
    position: relative
}

.imgs-hovers1:hover img {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5)
}

.li-tops-hovers {
    position: relative
}

.li-tops-hovers:hover .li-tops {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px)
}

.sep-home-fixed-boxs {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1000000000;
    background: rgba(0,0,0,0.6);
    padding: 0 20px;
    display: none
}

.sep-home-fixed-boxs .fixed-boxs {
    width: 100%;
    max-width: 800px;
    padding-top: 30px;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.sep-home-fixed-boxs .i-boxs {
    width: 30px;
    height: 30px;
    transform: rotate(45deg);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    font-size: 24px;
    color: #fff;
    position: absolute;
    right: 0;
    top: 0
}

.text_center {
    text-align: center
}

html {
    width: 100%;
    overflow-x: hidden
}

body {
    width: 100%
}

.swiper-button-disabled {
    display: none !important
}

.gtj-ons {
    margin-top: 10px
}

.gtj-ff-arial {
    font-family: "Arial"
}

.gtj-ff-bold {
    font-weight: bold
}

.trans {
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -ms-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}

.trans1 {
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

li {
    list-style: none
}

.lr-lists {
    outline: none !important
}

.flex {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap
}

.flex-wrap {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap
}

.wrap {
    flex-wrap: wrap
}

.no-wrap {
    flex-wrap: nowrap
}

.fix:before,.clearfix:before {
    content: '';
    display: table;
    clear: both
}

.fix:after,.clearfix:after {
    content: '';
    display: table;
    clear: both
}

.lr-lists {
    cursor: pointer
}

.mb10 {
    margin-bottom: 10px
}

.mb15 {
    margin-bottom: 15px
}

.mb20 {
    margin-bottom: 20px
}

.mb25 {
    margin-bottom: 25px
}

.mb30 {
    margin-bottom: 30px
}

.mb35 {
    margin-bottom: 35px
}

.mb40 {
    margin-bottom: 40px
}

.mt10 {
    margin-top: 10px
}

.mt15 {
    margin-top: 15px
}

.mt20 {
    margin-top: 20px
}

.mt25 {
    margin-top: 25px
}

.mt30 {
    margin-top: 30px
}

.mt35 {
    margin-top: 35px
}

.mt40 {
    margin-top: 40px
}

.mt50 {
    margin-top: 50px
}

.mt60 {
    margin-top: 60px
}

.mt66 {
    margin-top: 66px
}

.mt70 {
    margin-top: 70px
}

.mt80 {
    margin-top: 80px
}

.mt90 {
    margin-top: 90px
}

.mt100 {
    margin-top: 100px
}

.mt120 {
    margin-top: 120px
}

.mt130 {
    margin-top: 130px
}

.mt160 {
    margin-top: 160px
}

.pt20 {
    padding-top: 20px
}

.pt30 {
    padding-top: 30px
}

.pt40 {
    padding-top: 40px
}

.pt50 {
    padding-top: 50px
}

.pt60 {
    padding-top: 60px
}

.pt70 {
    padding-top: 70px
}

.pt80 {
    padding-top: 80px
}

.pt90 {
    padding-top: 90px
}

.pt100 {
    padding-top: 130px
}

.pt110 {
    padding-top: 130px
}

.pt120 {
    padding-top: 130px
}

.pt130 {
    padding-top: 130px
}

.pt140 {
    padding-top: 140px
}

.pb20 {
    padding-bottom: 20px
}

.pb30 {
    padding-bottom: 30px
}

.pb40 {
    padding-bottom: 40px
}

.pb50 {
    padding-bottom: 50px
}

.pb60 {
    padding-bottom: 90px
}

.pb70 {
    padding-bottom: 100px
}

.pb75 {
    padding-bottom: 75px
}

.pb80 {
    padding-bottom: 100px
}

.pb90 {
    padding-bottom: 90px
}

.pb100 {
    padding-bottom: 130px
}

.pb110 {
    padding-bottom: 130px
}

.pb120 {
    padding-bottom: 130px
}

.pb130 {
    padding-bottom: 130px
}

.pb140 {
    padding-bottom: 140px
}

.pb150 {
    padding-bottom: 150px
}

.pb220 {
    padding-bottom: 220px
}

.ml10 {
    margin-left: 10px
}

.ml20 {
    margin-left: 20px
}

.ml30 {
    margin-left: 30px
}

.ml40 {
    margin-left: 40px
}

.fz12 {
    font-size: 12px
}

.fz14 {
    font-size: 14px
}

.fz15 {
    font-size: 15px
}

.fz17 {
    font-size: 17px
}

.fz18 {
    font-size: 18px
}

.fz20 {
    font-size: 20px
}

.fz22 {
    font-size: 22px
}

.fz24 {
    font-size: 24px
}

.fz25 {
    font-size: 25px
}

.fz26 {
    font-size: 26px
}

.fz28 {
    font-size: 28px
}

.fz30 {
    font-size: 30px
}

.fz32 {
    font-size: 32px
}

.fz34 {
    font-size: 34px
}

.fz36 {
    font-size: 36px
}

.fz38 {
    font-size: 38px
}

.fz40 {
    font-size: 40px
}

.fz44 {
    font-size: 44px
}

.fz46 {
    font-size: 46px
}

.fz48 {
    font-size: 48px
}

.fz50 {
    font-size: 50px
}

.fz56 {
    font-size: 56px
}

.fz60 {
    font-size: 60px
}

.fz64 {
    font-size: 64px
}

.fz66 {
    font-size: 66px
}

.fz70 {
    font-size: 70px
}

.fz72 {
    font-size: 72px
}

.fz88 {
    font-size: 88px
}

.fz90 {
    font-size: 90px
}

.fz100 {
    font-size: 100px
}

.fz106 {
    font-size: 106px
}

#onlineService {
    position: fixed;
    right: 0;
    bottom: 32%;
    z-index: 100998
}

#onlineService.active {
    transform: translateX(50px)
}

.offside {
    width: 50px
}

.offside li {
    width: 50px;
    height: 50px;
    position: relative;
    background: #b1b1b1;
    border-bottom: 1px solid #fff;
    text-align: center;
    transition: all .7s;
    -webkit-transition: all .7s
}

.offside li:last-child {
    border-bottom: none
}

.offside .code {
    position: absolute;
    top: 0;
    right: 50px;
    display: none;
    margin: 0
}

.offside a,.offside div {
    color: #333;
    position: absolute;
    z-index: 11;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    cursor: pointer
}

.offside .p {
    float: left;
    line-height: 50px;
    font-size: 16px;
    font-weight: 700;
    padding: 0 0 0 10px;
    color: #fff !important;
    opacity: 0;
    position: absolute;
    white-space: nowrap;
    display: block;
    width: 100% !important;
    text-align: left
}

.offside .icon {
    font-size: 28px;
    height: 100%;
    line-height: 50px;
    text-align: center;
    display: block;
    color: #fff
}

.offside li:not(.li_3) a,.offside .li_3 a,.offside .li_3 div {
    width: 50px
}

.offside .back_top {
    display: none
}

.offside li {
    background: #544627
}

.offside li:last-child {
    background: #b1b1b1
}

.offside .erweima {
    width: 150px;
    height: 150px;
    position: absolute;
    left: -150px;
    top: 0;
    display: block;
    z-index: -1;
    visibility: hidden;
    opacity: 0
}

.offside li:hover a,.offside li:hover div,.offside li:hover .icon {
    color: rgba(255,255,255,0.72)
}

.offside li:hover .p {
    opacity: 1
}

.offside li:not(.li_3):hover {
    background: #f98609
}

.offside li:not(.li_erweima):hover .erweima {
    z-index: initial;
    visibility: initial;
    opacity: initial
}

.offside .tel {
    width: 230px;
    transform: translateX(-180px);
    -webkit-transform: translateX(-180px)
}

.offside .back_none {
    height: 0;
    border: 0 !important
}

.offside .li {
    transform: translateX(100%);
    -webkit-transform: translateX(100%)
}

.offside .unfold {
    width: 30px;
    transform: translateX(-30px);
    -webkit-transform: translateX(-30px)
}

@media screen and (max-width: 768px) {
    #onlineService {
        right:auto;
        left: 0;
        bottom: 0;
        width: 100%
    }

    .sep-footer {
        margin-bottom: 50px
    }

    .offside {
        width: 100%;
        display: -ms-flex;
        display: -webkit-flex;
        display: flex
    }

    .offside li {
        width: 100%;
        text-align: center
    }

    .offside li.onss {
        display: none
    }

    .offside li+li {
        border-left: 1px solid #fff
    }

    .offside li.fold {
        display: none !important
    }

    .offside .tel {
        width: 100%;
        text-align: center;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }

    .offside .tel.onss {
        display: none
    }

    .offside .tel p {
        display: none
    }

    .offside a,.offside div {
        width: 100% !important
    }

    .offside .erweima {
        top: auto;
        bottom: 100%;
        left: 50%;
        transform: translateX(-50%);
        height: auto
    }
}

.tops-hes {
    display: block;
    width: 100%;
    height: 160px
}

.sep-header {
    width: 100%;
    height: 160px;
    z-index: 100;
    position: absolute;
    left: 0;
    top: 0;
    background: #fff
}

.sep-header i {
    font: normal normal normal 14px/1 FontAwesome
}

.sep-header.ons {
    position: absolute;
    left: 0;
    top: 0
}

.sep-header.ons .h-tops {
    display: none
}

.sep-header .h-tops {
    width: 100%;
    height: 40px;
    position: relative;
    z-index: 108;
    background: #1a1a1a
}

.sep-header .h-tops>.sep-container {
    justify-content: space-between;
    align-items: center
}

.sep-header .logo {
    width: auto;
    display: flex;
    display: -webkit-flex;
    flex-wrap: nowrap;
    align-items: center;
    height: 90px
}

.sep-header .logo img {
    width: auto;
    max-width: 100%;
    max-height: 99%
}

.sep-header .logo .t-logo {
    display: block
}

.sep-header .sep-top-nav-list {
    display: flex;
    align-items: center
}

.sep-header .sep-top-nav-list .p-lists {
    display: block;
    line-height: 30px;
    color: #fff;
    margin-right: 20px
}

.sep-header .sep-top-nav-list .p-lists:last-child {
    margin-right: 0
}

.sep-header .sep-top-nav-list .p-lists:hover {
    color: #f98609;
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.sep-header>.sep-container {
    justify-content: space-between;
    flex-wrap: nowrap
}

.sep-header.onss {
    position: fixed;
    left: 0;
    top: 0;
    height: 90px
}

.sep-header.onss .logo img {
    max-width: 88%
}

.sep-header.onss .h-tops {
    display: none
}

.sep-header.onss .sep-mainnav {
    padding: 0
}

.sep-header.onss .sep-mainnav .logo-rights ul li .pro-boxs {
    padding: 10px 0 0
}

.sep-header .texts-rights {
    width: 100%;
    z-index: 102;
    position: relative
}

.sep-header .globals {
    display: inline-block;
    vertical-align: top;
    position: relative;
    line-height: 40px;
    margin-left: 30px
}

.sep-header .globals img {
    max-width: 100%
}

.sep-header .globals i {
    color: #fff;
    font-size: 16px;
    display: inline-block
}

.sep-header .globals i.ons {
    font-size: 18px
}

.sep-header .globals>a {
    display: inline-block;
    vertical-align: top;
    color: #fff;
    padding: 0 6px
}

.sep-header .globals>a .i-imgs {
    display: inline-block;
    vertical-align: top;
    line-height: inherit;
    margin-right: 8px
}

.sep-header .globals ul {
    position: absolute;
    display: block;
    height: 0;
    overflow: hidden;
    top: 100%;
    right: 0;
    width: 236px;
    text-align: left;
    background: #f3f3f3;
    z-index: 10200;
    box-shadow: 0 0 3px #666
}

.sep-header .globals ul li {
    width: 100% !important;
    padding: 13px 17px;
    background: #fff;
    line-height: normal
}

.sep-header .globals ul li a {
    width: 100% !important;
    color: #6d6d6d;
    margin: 0 5px;
    text-align: left
}

.sep-header .globals ul li a img {
    margin-right: 30px
}

.sep-header .globals ul li:hover {
    background: #e8e8e8
}

.sep-header .globals ul li:hover a {
    color: #188ed2
}

.sep-header .globals:hover .fa-angle-down {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.sep-header .globals:hover ul {
    height: auto
}

.sep-header .forms {
    width: 220px;
    z-index: 103;
    margin-left: 20px
}

.sep-header .forms form {
    line-height: normal;
    position: relative;
    width: 100%;
    overflow: hidden;
    float: right
}

.sep-header .forms form input[type='text'] {
    box-shadow: none;
    width: 100%;
    color: #666;
    line-height: 30px;
    outline: none;
    display: inline-block;
    border: none;
    font-size: 16px;
    padding: 2px;
    padding-left: 19px;
    padding-right: 60px;
    background: none;
    border-radius: 18px;
    transition: All .4s ease-in-out;
    -webkit-transition: All .4s ease-in-out;
    -moz-transition: All .4s ease-in-out;
    -o-transition: All .4s ease-in-out;
    border: 1px solid #dcdcdc
}

.sep-header .forms form input[type='text']::-webkit-input-placeholder {
    color: inherit
}

.sep-header .forms form input[type='text']::-moz-input-placeholder {
    color: inherit
}

.sep-header .forms form input[type='text']::-ms-input-placeholder {
    color: inherit
}

.sep-header .forms form input[type='text']::-o-input-placeholder {
    color: inherit
}

.sep-header .forms form input[type='text']::input-placeholder {
    color: inherit
}

.sep-header .forms form button[type='submit'] {
    width: 58px;
    height: 100%;
    display: block;
    border: none;
    background: #f98609;
    border-radius: 18px;
    outline: none;
    position: absolute;
    top: 0;
    right: 0
}

.sep-header .forms form button[type='submit'] i {
    color: #fff
}

.sep-header .forms form button[type='submit']:hover {
    background: #544627
}

.sep-header .forms form:hover input {
    border-color: #544627
}

.sep-header .top-emalls-titles .i-line {
    width: 1px;
    height: 15px;
    background: rgba(255,255,255,0.5);
    margin: 12px 86px 0 60px
}

.sep-header .top-emalls-titles .spans {
    width: auto;
    display: inline-block;
    vertical-align: top;
    line-height: 40px;
    color: #fff;
    position: relative;
    padding-left: 28px
}

.sep-header .top-emalls-titles .spans i {
    position: absolute;
    left: 0;
    top: 0;
    line-height: inherit;
    color: inherit;
    color: #f98609
}

.sep-header .top-emalls-titles .spans i img {
    max-width: 100%
}

.sep-header .top-emalls-titles .spans+.spans {
    margin-left: 36px
}

.sep-header .top-emalls-titles .spans:hover {
    text-decoration: underline
}

.sep-header .top-emalls-titles a.spans:hover {
    color: #f98609
}

.sep-mainnav {
    width: 100%;
    position: relative;
    z-index: 100;
    padding: 15px 0
}

.sep-mainnav>.sep-container {
    justify-content: space-between;
    position: relative;
    z-index: 100;
    align-items: center;
    flex-wrap: nowrap
}

.sep-mainnav .logo-rights {
    align-items: center;
    flex-wrap: nowrap
}

.sep-mainnav .logo-rights>ul {
    width: auto;
    display: flex;
    align-items: center;
    flex-wrap: nowrap
}

.sep-mainnav .logo-rights>ul>li {
    margin: 0 4px
}

.sep-mainnav .logo-rights>ul>li:nth-child(1) {
    margin-left: 0
}

.sep-mainnav .logo-rights>ul>li:last-child {
    margin-right: 0
}

.sep-mainnav .logo-rights>ul>li>a {
    height: 90px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center
}

.sep-mainnav .logo-rights>ul>li>a span {
    display: inline-block;
    font-size: inherit;
    color: inherit;
    line-height: 36px;
    padding: 0 20px;
    border-radius: 18px
}

.sep-mainnav .logo-rights>ul>li>a>i {
    display: block;
    width: 100%;
    height: 2px;
    background: #fff;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0;
    opacity: 0
}

.sep-mainnav .logo-rights>ul>li.active>a {
    color: #fff
}

.sep-mainnav .logo-rights>ul>li.active>a span {
    background: #f98609;
    font-family: inherit
}

.sep-mainnav .logo-rights>ul>li.active>a i {
    opacity: 1
}

.sep-mainnav .logo-rights>ul>li:hover>a {
    color: #fff
}

.sep-mainnav .logo-rights>ul>li:hover>a span {
    background: #f98609
}

.sep-mainnav .logo-rights>ul>li:hover>a i {
    opacity: 1
}

.sep-mainnav .logo-rights>ul>li.ons>a {
    color: #333
}

.sep-mainnav .logo-rights>ul>li.ons>a span {
    background: none
}

.sep-mainnav .logo-rights>ul>li.ons>a i {
    opacity: 0
}

.sep-mainnav .logo-rights ul li {
    float: left;
    width: auto;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    color: #333
}

.sep-mainnav .logo-rights ul li>a {
    color: #333;
    text-align: center
}

.sep-mainnav .logo-rights ul li>a:hover {
    text-decoration: none
}

.sep-mainnav .logo-rights ul li.ios {
    position: relative
}

.sep-mainnav .logo-rights ul li:hover .pro-boxs {
    opacity: 1;
    visibility: initial;
    z-index: initial
}

.sep-mainnav .logo-rights ul li:hover .ul {
    opacity: 1;
    visibility: initial;
    z-index: initial
}

.sep-mainnav .logo-rights ul li .ul {
    background: rgba(255,255,255,0.97);
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 999;
    min-width: 240px;
    float: left;
    display: block;
    border-top: 0;
    padding: 22px 0;
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
    text-align: left;
    opacity: 0;
    visibility: hidden;
    z-index: -1
}

.sep-mainnav .logo-rights ul li .ul.ons li {
    width: 50%;
    float: left
}

.sep-mainnav .logo-rights ul li .ul li {
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: left;
    white-space: nowrap;
    position: relative
}

.sep-mainnav .logo-rights ul li .ul li a {
    display: block;
    font-weight: normal;
    font-size: 16px;
    padding: 10px 12px;
    padding-left: 32px;
    text-align: left;
    color: #676767;
    position: relative;
    line-height: 24px
}

.sep-mainnav .logo-rights ul li .ul li a i {
    display: block;
    width: 3px;
    height: 18px;
    position: absolute;
    left: 0;
    top: 11px;
    background: #f98609;
    opacity: 0
}

.sep-mainnav .logo-rights ul li .ul li a:hover {
    border: none;
    color: #f98609
}

.sep-mainnav .logo-rights ul li .ul li a:hover i {
    opacity: 1
}

.sep-mainnav .logo-rights ul li .pro-boxs {
    display: block;
    width: 100%;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 100%;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    padding: 25px 0 0;
    max-width: 1180px
}

.sep-mainnav .logo-rights ul li .pro-boxs.active {
    opacity: 1;
    visibility: initial
}

.sep-mainnav .logo-rights ul li .pro-boxs .boxs {
    width: 100%;
    position: relative;
    padding: 50px;
    background: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,0.2)
}

.sep-mainnav .logo-rights ul li .pro-boxs .p-top-boxs {
    margin: 0 -20px;
    justify-content: center
}

.sep-mainnav .logo-rights ul li .pro-boxs .p-top-boxs .p-lists {
    width: calc(25% - 40px);
    margin: 0 20px
}

.sep-mainnav .logo-rights ul li .pro-boxs .p-top-boxs .p-lists:hover .titles-a,.sep-mainnav .logo-rights ul li .pro-boxs .p-top-boxs .p-lists.active .titles-a {
    color: #f98609;
    font-family: inherit
}

.sep-mainnav .logo-rights ul li .pro-boxs .p-top-boxs .thumbs {
    border: 1px solid #e5e5e5
}

.sep-mainnav .logo-rights ul li .pro-boxs .p-top-boxs .thumbs.ons {
    height: 224px
}

.sep-mainnav .logo-rights ul li .pro-boxs .p-top-boxs .titles-a {
    color: #333;
    line-height: 1.32
}

.sep-mainnav .logo-rights ul li .pro-boxs .p-top-boxs .titles-a:hover {
    color: #544627
}

.sep-mainnav .logo-rights ul li .pro-boxs .boxs-lists-boxs {
    width: 100%;
    display: block;
    padding: 32px 0 0;
    border-top: 1px solid #544627;
    margin-top: 24px
}

.sep-mainnav .logo-rights ul li .pro-boxs .boxs-lists-boxs .b-lists {
    min-width: 100%;
    height: 0;
    overflow: hidden;
    margin: 0 -12px
}

.sep-mainnav .logo-rights ul li .pro-boxs .boxs-lists-boxs .b-lists.active {
    height: auto
}

.sep-mainnav .logo-rights ul li .pro-boxs .boxs-lists-boxs .p-lists {
    width: calc(20% - 24px);
    color: #333;
    line-height: 30px;
    padding-left: 12px;
    margin: 0 12px 15px;
    min-height: 40px;
    position: relative;
    justify-content: space-between
}

.sep-mainnav .logo-rights ul li .pro-boxs .boxs-lists-boxs .p-lists.ons1 {
    width: calc(25% - 24px)
}

.sep-mainnav .logo-rights ul li .pro-boxs .boxs-lists-boxs .p-lists .imgs {
    width: auto;
    margin-top: 10px;
    overflow: hidden;
    max-width: 100%;
    border-radius: 12px
}

.sep-mainnav .logo-rights ul li .pro-boxs .boxs-lists-boxs .p-lists .imgs img {
    max-width: 100%
}

.sep-mainnav .logo-rights ul li .pro-boxs .boxs-lists-boxs .p-lists i {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    border: 1px solid transparent;
    position: absolute;
    left: -4px;
    top: 10px
}

.sep-mainnav .logo-rights ul li .pro-boxs .boxs-lists-boxs .p-lists i:after {
    content: '';
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    position: absolute;
    left: 50%;
    margin-left: -2px;
    top: 50%;
    margin-top: -2px;
    background: #333
}

.sep-mainnav .logo-rights ul li .pro-boxs .boxs-lists-boxs .p-lists:hover,.sep-mainnav .logo-rights ul li .pro-boxs .boxs-lists-boxs .p-lists.active {
    color: #f98609;
    font-family: inherit
}

.sep-mainnav .logo-rights ul li .pro-boxs .boxs-lists-boxs .p-lists:hover i,.sep-mainnav .logo-rights ul li .pro-boxs .boxs-lists-boxs .p-lists.active i {
    border-color: #f98609
}

.sep-mainnav .logo-rights ul li .pro-boxs .boxs-lists-boxs .p-lists:hover i:after,.sep-mainnav .logo-rights ul li .pro-boxs .boxs-lists-boxs .p-lists.active i:after {
    background: #f98609
}

.sep-mainnav ul li .homes-ul .homes-rights .lists-boxs>ul>li {
    width: 100%
}

.sep-mainnav ul li .homes-ul .homes-rights .lists-boxs>ul>li>ul>li {
    width: 100%
}

.t-lines-boxs {
    width: 100%;
    position: relative;
    margin-top: 5px;
    line-height: 1 !important
}

.t-lines-boxs.cens i span::before {
    content: '';
    display: block;
    width: 60px;
    height: 1px;
    background: #544627;
    position: absolute;
    top: 50%;
    right: calc(100% + 10px)
}

.t-lines-boxs.cens i span:after {
    width: 60px
}

.t-lines-boxs.t-rights {
    text-align: right
}

.t-lines-boxs.t-rights i span:after {
    left: auto;
    right: calc(100% + 10px)
}

.t-lines-boxs.cors2 i {
    color: #f98609
}

.t-lines-boxs.cors2 i span:after {
    background: #f98609
}

.t-lines-boxs i {
    display: inline-block;
    vertical-align: top;
    line-height: 1;
    position: relative;
    font-size: 16px;
    color: #544627
}

.t-lines-boxs i span::after {
    content: '';
    display: block;
    width: 120px;
    height: 1px;
    background: #544627;
    position: absolute;
    top: 50%;
    left: calc(100% + 10px)
}

.sep-banner {
    width: 100%;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    z-index: 10
}

.sep-banner.banner-one {
    display: block
}

.sep-banner.banner-two {
    display: none
}

.sep-banner .b-img {
    width: 100%;
    position: relative;
    display: block
}

.sep-banner .b-img img {
    position: relative;
    z-index: 2
}

.sep-banner .b-img.bgs:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 4
}

.sep-banner .banner .list {
    position: relative;
    display: block
}

.sep-banner .banner .list img {
    max-width: 100%;
    height: auto
}

.sep-banner .banner .list .b-covers {
    width: 100%;
    position: absolute;
    top: 36%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    align-items: center;
    z-index: 20
}

.sep-banner .banner .list .b-covers.ons1 {
    top: 28%
}

.sep-banner .banner .list .b-covers .boxs {
    width: 100%
}

.sep-banner .banner .list .b-covers .boxs.max900 {
    max-width: 900px
}

.sep-banner .banner .list .b-covers .boxs.max960 {
    max-width: 960px;
    margin-left: auto;
    margin-right: auto
}

.sep-banner .banner .list .b-covers .boxs.max840 {
    max-width: 840px;
    margin-left: auto;
    margin-right: auto
}

.sep-banner .banner .list .b-covers .b-titles {
    display: block;
    color: #fff;
    line-height: 1.2;
    position: relative
}

.sep-banner .banner .list .b-covers .b-titles span {
    color: #f98609
}

.sep-banner .banner .list .b-covers .b-titles:hover {
    color: #f98609
}

.sep-banner .banner .list .b-covers .mores-boxs {
    display: block;
    width: 100%
}

.sep-banner .banner .list .b-covers .mores-boxs .mores {
    padding: 9px 40px;
    border-radius: 25px;
    line-height: 30px;
    color: #fff;
    border: 1px solid #fff
}

.sep-banner .banner .list .b-covers .mores-boxs .mores i {
    width: 18px;
    height: 2px;
    background: #fff;
    display: inline-block;
    margin-left: 10px;
    position: relative
}

.sep-banner .banner .list .b-covers .mores-boxs .mores i:after {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    position: absolute;
    right: 1px;
    top: 50%;
    margin-top: -6px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.sep-banner .banner .list .b-covers .mores-boxs .mores:hover {
    background: #f98609;
    color: #fff;
    border-color: #f98609
}

.sep-banner .banner .list .b-covers .mores-boxs .mores.active {
    background: #f98609;
    color: #fff;
    border-color: #f98609
}

.sep-banner .banner .list .b-covers .mores-boxs .mores.active:hover {
    background: none;
    color: #f98609
}

.sep-banner .banner .list .b-covers .mores-boxs .mores.active:hover i {
    background: #f98609
}

.sep-banner .banner .list .b-covers .mores-boxs .mores.active:hover i:after {
    border-color: #f98609
}

.sep-banner .lr-boxs .lr-lists {
    width: 54px;
    height: 54px;
    border-radius: 100%;
    line-height: 30px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    margin-top: -27px;
    z-index: 40;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border: 1px solid #fff
}

.sep-banner .lr-boxs .lr-lists i {
    color: inherit;
    font-size: inherit
}

.sep-banner .lr-boxs .lr-lists.lr-lefts {
    left: 60px
}

.sep-banner .lr-boxs .lr-lists.lr-rights {
    right: 60px
}

.sep-banner .lr-boxs .lr-lists:hover {
    background: #fff;
    color: #544627
}

.sep-banner .swiper-pagination-ban.swiper-pagination {
    width: 100%;
    left: 0;
    text-align: center;
    color: #fff;
    bottom: 30px
}

.sep-banner .swiper-pagination-ban.swiper-pagination span {
    width: 14px;
    height: 14px;
    border-radius: 100%;
    background: none;
    margin: 0 10px;
    position: relative;
    z-index: 20;
    background: #fff;
    opacity: .5
}

.sep-banner .swiper-pagination-ban.swiper-pagination span.swiper-pagination-bullet-active {
    opacity: 1;
    background: #544627
}

.homes-boxs {
    width: 100%;
    position: relative
}

.homes-boxs .i-imgs {
    margin-bottom: 22px
}

.homes-boxs .titles {
    position: relative;
    z-index: 20
}

.titles {
    width: 100%;
    height: auto;
    display: block;
    color: #333;
    color: #544627;
    line-height: 1.2;
    position: relative;
    letter-spacing: -0.5px
}

.titles * {
    font-size: inherit;
    color: inherit;
    line-height: inherit
}

.titles .i-imgs {
    display: inline-block;
    line-height: inherit;
    margin-right: 14px
}

.titles .i-imgs img {
    max-width: 100%
}

.titles span {
    display: block
}

.titles.max777 {
    max-width: 777px;
    margin: auto
}

.titles.cors {
    color: #fff
}

.titles.cors.afts:after {
    background: #fff;
    width: 68px
}

.titles.cens.afts:after {
    margin-left: auto;
    margin-right: auto
}

.titles.cors1 {
    color: #544627
}

.titles.cors2 {
    color: #f98609
}

.titles.cors3 {
    color: #fdf2e5
}

.titles.befs:before {
    content: '';
    display: block;
    width: 29px;
    height: 5px;
    background: #544627;
    margin-bottom: 24px
}

.titles.afts:after {
    content: '';
    display: block;
    width: 118px;
    height: 2px;
    background: #544627;
    margin-top: 15px
}

a.titles:hover {
    color: #f98609
}

a.titles:hover.cors {
    color: #f98609
}

a.titles:hover.cors1 {
    color: #f98609
}

.imgs-bgs {
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    z-index: 1
}

.imgs-bgs .bgs-lists {
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0
}

.imgs-bgs .bgs-lists.active {
    width: 100%;
    height: 100%;
    overflow: initial
}

.imgs-bgs.trs {
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.imgs-bgs.bgs:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 6
}

.imgs-bgs img.ons {
    max-width: 100%
}

.imgs-bgs.maxs {
    width: 100%
}

.imgs-bgs.maxs img {
    width: 100%
}

.imgs-bgs.min {
    min-width: 100%;
    min-height: 100%
}

.imgs-bgs.min img {
    min-width: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.imgs-bgs.ons {
    top: auto;
    bottom: 0
}

.imgs-bgs.img-rs {
    left: 50%
}

.imgs-bgs.img-ls {
    z-index: 2;
    left: auto;
    right: 0
}

.imgs-bgs.hes {
    min-width: 100%;
    height: 100%
}

.imgs-bgs.hes img {
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2
}

.imgs-bgs.hes1 {
    width: 100%;
    height: 100%
}

.imgs-bgs.hes1 img {
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 2
}

.imgs-bgs.hes2 {
    width: 100%;
    height: 100%
}

.imgs-bgs.hes2 img {
    max-width: 50%;
    object-fit: cover;
    min-height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2
}

.imgs-bgs.c-bgs {
    background: #544627
}

.imgs-bgs.r-bgs img {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.sep-in-opacity-list1 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0, rgba(255,255,255,0.2) 30%, #fff 100%);
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0, rgba(255,255,255,0.2) 30%, #fff 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,0) 0, rgba(255,255,255,0.2) 30%, #fff 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,0) 0, rgba(255,255,255,0.2) 30%, #fff 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0, rgba(255,255,255,0.2) 30%, #fff 100%)
}

.sep-body {
    position: relative;
    z-index: 8
}

.sep-body .sep-container {
    position: relative;
    z-index: 10
}

.sep-body .richtext {
    width: 100%
}

.sep-body .richtext * {
    font-size: inherit;
    line-height: inherit;
    color: inherit
}

.sep-body .richtext.cors {
    color: #fff
}

.sep-body .richtext.cors * {
    color: #fff
}

.sep-pro-boxs {
    width: 100%
}

.sep-pro-ul-boxs {
    width: 100%
}

.sep-pro-ul-boxs .p-lists {
    width: 100%;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start
}

.sep-pro-ul-boxs .thumbs {
    width: calc(50% + 40px);
    position: relative;
    z-index: 30;
    border-radius: 16px
}

.sep-pro-ul-boxs .thumbs.ons {
    height: 540px
}

.sep-pro-ul-boxs .lis-boxs {
    width: calc(50% - 40px);
    padding-left: 32px
}

.sep-pro-ul-boxs .titles-a {
    line-height: 1.32;
    color: #333;
    z-index: 20;
    position: relative
}

.sep-pro-ul-boxs .titles-a.pl50 {
    padding-left: 50px
}

.sep-pro-ul-boxs .titles-a .i-imgs {
    position: absolute;
    left: 0;
    top: 0
}

.sep-pro-ul-boxs .titles-a:hover {
    color: #f98609
}

.sep-pro-ul-boxs .spans {
    margin-top: 24px
}

.sep-pro-ul-boxs .ul-boxs {
    width: 100%;
    margin-top: 20px
}

.sep-pro-ul-boxs .ul-boxs .ul-lists {
    width: 100%;
    padding-left: 25px;
    line-height: 30px;
    display: block;
    color: #333;
    position: relative;
    font-size: inherit;
    margin-bottom: 6px
}

.sep-pro-ul-boxs .ul-boxs .ul-lists * {
    color: inherit;
    line-height: inherit;
    font-size: inherit
}

.sep-pro-ul-boxs .ul-boxs .ul-lists i {
    width: 15px;
    line-height: inherit;
    position: absolute;
    left: 0;
    top: 0;
    color: inherit;
    font-size: 22px;
    text-align: right
}

.sep-pro-ul-boxs .ul-boxs .ul-lists i:after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 2px;
    background: #333;
    position: absolute;
    top: 50%;
    margin-top: 0;
    right: 2px
}

.sep-pro-ul-boxs .ul-boxs a.ul-lists:hover {
    color: #544627;
    font-family: inherit;
    text-decoration: underline
}

.sep-pro-ul-boxs .ul-boxs a.ul-lists:hover i:after {
    background: #544627
}

.sep-pro-ul-boxs .lr-boxs .lr-lists {
    width: 44px;
    height: 44px;
    border-radius: 100%;
    cursor: pointer;
    position: absolute;
    top: 50%;
    margin-top: -22px;
    z-index: 40;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #bebebe
}

.sep-pro-ul-boxs .lr-boxs .lr-lists i {
    color: inherit;
    font-size: inherit
}

.sep-pro-ul-boxs .lr-boxs .lr-lists.lr-lefts {
    left: -100px
}

.sep-pro-ul-boxs .lr-boxs .lr-lists.lr-rights {
    right: -100px
}

.sep-pro-ul-boxs .lr-boxs .lr-lists:hover {
    background: #544627
}

.sep-pro-bottom-ul-boxs {
    position: relative;
    width: 100%;
    bottom: auto;
    z-index: 30
}

.sep-pro-bottom-ul-boxs .p-boxs {
    justify-content: center;
    flex-wrap: nowrap
}

.sep-pro-bottom-ul-boxs .p-lists {
    width: 25%;
    max-width: 300px;
    padding: 25px 10px;
    text-align: center;
    background: rgba(84,70,39,0.4);
    color: #fff;
    border-left: 2px solid #fff;
    display: flex;
    align-items: center;
    justify-content: center
}

.sep-pro-bottom-ul-boxs .p-lists:nth-child(1) {
    border-left-color: transparent;
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px
}

.sep-pro-bottom-ul-boxs .p-lists:last-child {
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px
}

.sep-pro-bottom-ul-boxs .p-lists:hover,.sep-pro-bottom-ul-boxs .p-lists.active {
    background: rgba(84,70,39,0.8);
    border-left-color: transparent
}

.sep-pro-yattll {
    width: 100%;
    background: #d5d5d5
}

.sep-pro-yattll-list {
    width: 100%;
    position: relative
}

.sep-pro-yattll-list .swiper-container {
    width: calc(100% + 272px);
    width: 100%
}

.sep-pro-yattll-list .thumbs {
    background: #fff;
    border-radius: 16px
}

.sep-pro-yattll-list .thumbs.ons {
    height: 300px
}

.sep-pro-yattll-list .titles-a {
    text-align: center;
    color: #333;
    line-height: 1.4;
    margin-top: 26px
}

.sep-pro-yattll-list .titles-a:hover {
    color: #f98609
}

.sep-pro-yattll-list .lr-boxs .lr-lists {
    width: 44px;
    height: 44px;
    border-radius: 100%;
    cursor: pointer;
    position: absolute;
    top: 40%;
    margin-top: -22px;
    z-index: 40;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: #bebebe
}

.sep-pro-yattll-list .lr-boxs .lr-lists i {
    color: inherit;
    font-size: inherit
}

.sep-pro-yattll-list .lr-boxs .lr-lists.lr-lefts {
    left: -80px
}

.sep-pro-yattll-list .lr-boxs .lr-lists.lr-rights {
    right: -80px
}

.sep-pro-yattll-list .lr-boxs .lr-lists:hover {
    background: #f98609
}

.sep-mobility-list {
    width: 100%;
    position: relative
}

.sep-mobility-list .p-boxs {
    margin: 0 -70px
}

.sep-mobility-list .p-lists {
    width: calc(50% - 140px);
    margin: 0 70px 80px;
    position: relative
}

.sep-mobility-list .p-lists:hover .thumbs-boxs,.sep-mobility-list .p-lists.active .thumbs-boxs {
    opacity: 1
}

.sep-mobility-list .thumbs {
    margin: auto;
    position: relative
}

.sep-mobility-list .thumbs.ons {
    height: 530px
}

.sep-mobility-list .thumbs-boxs {
    width: 100%;
    height: 100%;
    background: rgba(84,70,39,0.9);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 20;
    opacity: 0;
    padding: 60px
}

.sep-mobility-list .titles-a {
    width: calc(65% - 2px);
    line-height: 30px;
    color: #333;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 20px 10px;
    padding-left: 28px;
    background: #fff;
    z-index: 30;
    text-align: left
}

.sep-mobility-list .titles-a:before {
    content: '';
    display: block;
    width: 6px;
    height: 40px;
    background: #f98609;
    position: absolute;
    left: 0;
    top: 15px
}

.sep-mobility-list .titles-a:hover {
    color: #f98609
}

.sep-mobility-list .ul-boxs {
    width: 100%
}

.sep-mobility-list .ul-boxs .ul-lists {
    display: block;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 10px;
    color: #fff;
    padding-left: 26px
}

.sep-mobility-list .ul-boxs .ul-lists i {
    display: block;
    width: 16px;
    height: 1px;
    background: #fff;
    opacity: 0;
    color: inherit;
    line-height: inherit;
    font-size: inherit;
    position: absolute;
    left: 0;
    top: 14px
}

.sep-mobility-list .ul-boxs .ul-lists i:after {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -5px
}

.sep-mobility-list .ul-boxs .ul-lists span {
    color: inherit;
    line-height: 1.1;
    border-bottom: 1px solid transparent
}

.sep-mobility-list .ul-boxs .ul-lists:hover i {
    opacity: 1
}

.sep-mobility-list .ul-boxs .ul-lists:hover span {
    border-color: #fff;
    font-family: inherit
}

.sep-mobility-list .ul-boxs .ul-lists:last-child {
    margin-bottom: 0
}

.sep-about {
    width: 100%
}

.sep-about .i-lines {
    width: 100%;
    display: block;
    text-align: center;
    max-width: 192px;
    position: relative
}

.sep-about .i-lines img {
    max-width: 100%
}

.sep-about .i-lines:before {
    content: '';
    display: block;
    width: 80px;
    height: 1px;
    background: #f98609;
    position: absolute;
    left: 0;
    top: 50%
}

.sep-about .i-lines:after {
    content: '';
    display: block;
    width: 80px;
    height: 1px;
    background: #f98609;
    position: absolute;
    right: 0;
    top: 50%
}

.sep-about .boxs {
    width: 100%;
    max-width: 780px
}

.sep-about .mores-boxs .mores {
    display: flex;
    align-items: center;
    color: #f98609;
    line-height: 1.32
}

.sep-about .mores-boxs .mores:hover {
    text-decoration: underline
}

.sep-about .mores-boxs .mores:hover .i-video {
    background: #fff
}

.sep-about .mores-boxs .i-video {
    display: table;
    border-radius: 100%;
    border: 1px solid #544627;
    padding: 11px;
    margin-right: 20px
}

.sep-about .mores-boxs .i-video i {
    width: 56px;
    height: 56px;
    border-radius: 100%;
    background: #fff;
    position: relative
}

.sep-about .mores-boxs .i-video i::before {
    content: '';
    display: block;
    width: 16px;
    height: 2px;
    background: #544627;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -8px;
    margin-top: -1px
}

.sep-about .mores-boxs .i-video i::after {
    content: '';
    display: block;
    width: 2px;
    height: 16px;
    background: #544627;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -1px;
    margin-top: -8px
}

.sep-about-bottom {
    width: 100%;
    position: relative;
    margin-top: -130px;
    background: #544627;
    z-index: 20
}

.sep-about-bottom .sep-about-bottom-list {
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto
}

.sep-about-bottom-list {
    width: 100%;
    justify-content: space-between
}

.sep-about-bottom-list .p-lists {
    width: 28%;
    padding: 64px 0 48px
}

.sep-about-bottom-list .titles-a {
    display: flex;
    align-items: center;
    color: #fff
}

.sep-about-bottom-list a.titles-a:hover {
    text-decoration: underline
}

.sep-about-bottom-list .i-imgs {
    margin-right: 22px
}

.sep-about-bottom-list .spans {
    margin-top: 26px;
    color: #fff
}

.sep-yattll-video {
    width: 100%
}

.sep-yattll-video .swiper-pagination {
    max-width: 1280px;
    margin: auto;
    position: relative;
    left: auto;
    bottom: auto;
    display: flex;
    flex-wrap: nowrap
}

.sep-yattll-video .swiper-pagination:before {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background: #dcdcdc;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -1px;
    z-index: 2
}

.sep-yattll-video .swiper-pagination span {
    width: 100%;
    border-radius: 3px;
    background: none;
    position: relative;
    z-index: 20
}

.sep-yattll-video .swiper-pagination span.swiper-pagination-bullet-active {
    background: #544627
}

.sep-yattll-video-list {
    width: 100%
}

.sep-yattll-video-list .swiper-container {
    max-width: 1280px;
    margin: 0;
    overflow: initial;
    position: relative
}

.sep-yattll-video-list .swiper-container:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    right: calc(100% + 10px);
    top: 0;
    z-index: 30;
    background: #fff
}

.sep-yattll-video-list .swiper-wrapper {
    -webkit-transition-timing-function: linear !important;
    -moz-transition-timing-function: linear !important;
    -ms-transition-timing-function: linear !important;
    -o-transition-timing-function: linear !important;
    transition-timing-function: linear !important
}

.sep-yattll-video-list .p-lists:hover .i-imgs,.sep-yattll-video-list .p-lists.active .i-imgs {
    border-color: rgba(84,70,39,0.1)
}

.sep-yattll-video-list .p-lists:hover .thumbs-boxs,.sep-yattll-video-list .p-lists.active .thumbs-boxs {
    opacity: 1
}

.sep-yattll-video-list .thumbs {
    box-shadow: 0 5px 16px rgba(32,181,193,0.1);
    border-radius: 8px
}

.sep-yattll-video-list .thumbs.ons {
    height: 266px
}

.sep-yattll-video-list .thumbs-boxs {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.4);
    z-index: 20;
    opacity: 0
}

.sep-yattll-video-list .i-imgs {
    display: table;
    padding: 12px;
    border-radius: 100%;
    border: 1px solid transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 30
}

.sep-yattll-video-list .titles-a {
    margin-top: 24px;
    line-height: 1.25
}

.sep-yattll-video-list .titles-a:hover {
    color: #f98609
}

.sep-say {
    width: 100%;
    background: #f8f8f8
}

.sep-say-list {
    width: 100%
}

.sep-say-list .swiper-container {
    width: 100%;
    padding-top: 25px
}

.sep-say-list .p-lists {
    width: 100%;
    align-items: flex-start
}

.sep-say-list .max60 {
    max-width: 60%;
    margin-left: auto
}

.sep-say-list .lis-boxs {
    width: 66.9%;
    padding: 34px 90px 0 226px
}

.sep-say-list .thumbs {
    width: 33.1%;
    border-top-left-radius: 165px;
    border-bottom-left-radius: 165px
}

.sep-say-list .imgs {
    position: absolute;
    left: 68px;
    top: 0
}

.sep-say-list .imgs img {
    max-width: 100%
}

.sep-say-list .thumbs-boxs {
    display: flex;
    align-items: center;
    margin-top: 32px
}

.sep-say-list .thumbs-boxs .i-imgs {
    width: 70px;
    min-width: 70px;
    height: 70px;
    border-radius: 100%;
    border: 4px solid #544627;
    overflow: hidden;
    margin-right: 26px;
    display: flex;
    align-items: center;
    justify-content: center
}

.sep-say-list .thumbs-boxs .i-imgs.bors {
    border-color: #fff
}

.sep-say-list .thumbs-boxs .i-imgs img {
    max-width: 100%
}

.sep-say-list .thumbs-boxs .titles-a {
    line-height: 1.32
}

.sep-say-list .swiper-pagination {
    margin: auto;
    position: relative;
    left: auto;
    bottom: auto;
    text-align: left
}

.sep-say-list .swiper-pagination span {
    width: 30px;
    border-radius: 3px;
    height: 6px;
    background: #bfbfbf;
    position: relative;
    z-index: 20;
    margin: 0 20px 0 0;
    opacity: 1
}

.sep-say-list .swiper-pagination span.swiper-pagination-bullet-active {
    background: #544627
}

.sep-say-text {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2
}

.sep-say-text .titles {
    line-height: .7;
    opacity: .1;
    font-size: 180px;
    text-align: right
}

.sep-contact-yattll {
    width: 100%;
    background: #323232;
    padding-left: 20px;
    padding-right: 20px
}

.sep-contact-yattll .t-boxs {
    width: 100%;
    position: relative;
    z-index: 20
}

.sep-contact-yattll .i-lines {
    width: 204px;
    height: 1px;
    background: #544627;
    margin: 26px auto 60px;
    position: relative
}

.sep-contact-yattll .i-lines:after {
    content: '';
    display: block;
    width: 70px;
    height: 3px;
    background: #544627;
    position: absolute;
    top: -1px;
    left: 50%;
    margin-left: -35px
}

.sep-contact-yattll .mores-boxs {
    width: 100%;
    text-align: center
}

.sep-contact-yattll .mores-boxs .mores {
    padding: 12px 20px 12px 55px;
    background: #544627;
    border-radius: 27px;
    color: #fff
}

.sep-contact-yattll .mores-boxs .mores i {
    width: 22px;
    height: 22px;
    border-radius: 100%;
    text-align: center;
    line-height: 22px;
    margin-left: 32px;
    color: #544627;
    font-size: 12px;
    background: #fff
}

.sep-contact-yattll .mores-boxs .mores:hover {
    background: #f98609;
    color: #fff
}

.sep-contact-yattll .mores-boxs .mores:hover i {
    background: #fff;
    color: #f98609
}

.sep-new {
    width: 100%
}

.sep-news-list {
    width: 100%;
    position: relative;
    align-items: center
}

.sep-news-list .p-boxs {
    margin: 0 -36px
}

.sep-news-list .thumbs {
    border-radius: 16px
}

.sep-news-list .p-lists {
    width: calc(33.3333% - 72px);
    margin: 0 36px;
    position: relative;
    align-content: space-between;
    padding: 0 0 60px;
    border-radius: 16px
}

.sep-news-list .p-lists:hover {
    box-shadow: 0 4px 16px rgba(0,0,0,0.1)
}

.sep-news-list .p-lists:hover .times {
    font-size: inherit
}

.sep-news-list .p-lists:hover .mores-boxs .mores {
    color: #f98609
}

.sep-news-list .lis-boxs {
    width: 100%;
    padding: 32px 30px 0 36px;
    position: relative;
    z-index: 30
}

.sep-news-list .titles-a {
    line-height: 1.8
}

.sep-news-list .titles-a:hover {
    color: #f98609
}

.sep-news-list .spans {
    color: #666;
    margin-top: 12px
}

.sep-news-list .times {
    width: 100%;
    position: relative;
    color: #544627;
    line-height: 45px;
    margin-bottom: 20px
}

.sep-news-list .times:before {
    content: '';
    display: block;
    width: 5px;
    height: 100%;
    background: #f98609;
    position: absolute;
    left: -36px;
    top: 0
}

.sep-news-list .mores-boxs {
    margin-top: 30px;
    padding: 0 30px 0 36px
}

.sep-news-list .mores-boxs .mores {
    line-height: 22px;
    color: #333
}

.sep-news-list .mores-boxs .mores:hover {
    text-decoration: underline;
    color: #f98609
}

.sep-footer {
    width: 100%;
    position: relative;
    z-index: 0;
    overflow: hidden;
    background: #212121
}

.sep-footer .footer-lists-boxs {
    width: 100%;
    position: relative;
    z-index: 6;
    justify-content: space-between;
    padding: 80px 0 30px
}

.sep-footer .footer-lists-boxs .footer-logo-lefts {
    width: 75%;
    position: relative;
    justify-content: space-between
}

.sep-footer .footer-lists-boxs .footer-logo-rights {
    width: calc(25% - 44px);
    position: relative
}

.sep-footer .ul-boxs {
    width: auto;
    position: relative;
    z-index: 20;
    max-width: 300px
}

.sep-footer .ul-boxs .ul-titles {
    display: block;
    color: #fff;
    line-height: 20px;
    position: relative;
    margin-bottom: 20px;
    padding-left: 16px
}

.sep-footer .ul-boxs .ul-titles i {
    display: none
}

.sep-footer .ul-boxs .ul-titles::before {
    content: '';
    display: block;
    width: 4px;
    height: 100%;
    background: #f98609;
    border-radius: 2px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10
}

.sep-footer .ul-boxs .ul-titles.ons {
    white-space: nowrap
}

.sep-footer .ul-boxs a.ul-titles:hover {
    color: #f98609
}

.sep-footer .ul-boxs .ul-lists {
    width: 100%
}

.sep-footer .ul-boxs .ul-lists+.ul-lists {
    margin-top: 32px
}

.sep-footer .ul-boxs .ul {
    padding-left: 16px
}

.sep-footer .ul-boxs .ul li {
    position: relative;
    color: #999;
    line-height: 30px
}

.sep-footer .ul-boxs .ul li a {
    color: #999;
    line-height: 30px;
    display: block
}

.sep-footer .ul-boxs .ul li a.ons {
    white-space: nowrap
}

.sep-footer .ul-boxs .ul li:hover a {
    color: #fff
}

.sep-footer .ul-boxs .p-lists {
    width: 100%;
    position: relative;
    padding-left: 32px;
    color: #fff;
    line-height: 30px;
    margin-bottom: 24px
}

.sep-footer .ul-boxs .p-lists:last-child {
    margin-bottom: 0
}

.sep-footer .ul-boxs .p-lists i {
    line-height: inherit;
    position: absolute;
    left: 0;
    top: 0
}

.sep-footer .ul-boxs .p-lists .titles-a {
    color: #f98609
}

.sep-footer .ul-boxs a.p-lists:hover {
    color: #f98609;
    font-family: inherit
}

.sep-footer .last-boxs {
    padding-right: 20px
}

.sep-footer .footer-boxs {
    width: 100%;
    padding-top: 40px;
    align-items: center;
    border-top: 1px solid rgba(255,255,255,0.2);
    padding-bottom: 32px
}

.sep-footer .footer-boxs.ons2 {
    display: none
}

.sep-footer .footer-contact-boxs {
    padding-top: 24px
}

.sep-footer .link {
    margin-left: 75px
}

.link {
    width: auto
}

.link .sep-share {
    position: relative
}

.link .sep-share li {
    width: 40px;
    height: 40px;
    float: left;
    line-height: 40px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    text-align: center;
    border-radius: 100%;
    background: rgba(255,255,255,0.3)
}

.link .sep-share li+li {
    margin-left: 30px
}

.link .sep-share li a {
    width: 100%;
    height: 100%;
    display: block;
    line-height: 40px
}

.link .sep-share li i {
    color: #fff;
    font-size: 18px;
    vertical-align: middle
}

.link .sep-share li:hover {
    background: #f98609
}

.link .sep-share li.lasts i {
    font-size: 24px
}

.link .sep-share li.lasts .img {
    width: 150px;
    height: 150px;
    position: absolute;
    right: 5%;
    top: -170px;
    z-index: -1;
    opacity: 0;
    padding: 10px;
    background: #fff
}

.link .sep-share li.lasts .img img {
    width: 100%
}

.link .sep-share li.lasts:hover .img {
    z-index: 88;
    opacity: 1
}

.bgseb {
    background: #ebe7e0
}

.footer-footer {
    width: 100%;
    position: relative;
    z-index: 6;
    padding: 13px 0;
    background: #000
}

.footer-footer .sep-container {
    position: relative;
    justify-content: space-between
}

.footer-footer .f-lefts {
    width: auto
}

.footer-footer a {
    color: rgba(255,255,255,0.5);
    line-height: 30px
}

.footer-footer a:hover {
    text-decoration: underline;
    color: #f98609
}

.footer-footer div,.footer-footer span {
    color: rgba(255,255,255,0.5);
    line-height: 30px
}

.footer-footer .ds {
    display: inline-block
}

.footer-footer .lefts {
    width: auto
}

.footer-footer .lefts a {
    padding-left: 5px;
    padding-right: 5px
}

.footer-footer .lefts a:nth-child(1) {
    padding-left: 0
}

.footer-footer .lefts a:last-child {
    padding-right: 0
}

.footer-footer .rights {
    width: auto;
    margin-left: auto
}

.footer-footer .rights a {
    padding-right: 8px
}

.footer-footer .rights a:last-child {
    padding-left: 8px
}

.footer-footer .rights a+a {
    padding-left: 8px
}

.footer-footer .span {
    display: block;
    line-height: 28px;
    position: relative;
    padding-left: 30px;
    margin-bottom: 12px
}

.footer-footer .span:last-child {
    margin-bottom: 0
}

.footer-footer .span i {
    display: block;
    color: #544627;
    line-height: inherit;
    position: absolute;
    left: 0;
    top: 0
}

@media screen and (min-width: 1921px) {
    .home-new-title {
        right:-2%
    }
}

@media screen and (max-width: 1680px) {
    .home-new-title {
        font-size:90px
    }

    .sep-container {
        max-width: 1440px
    }

    .sep-container50 {
        max-width: 720px
    }

    .sep-pro-ul-boxs .lr-boxs .lr-lists.lr-lefts {
        left: -60px
    }

    .sep-pro-ul-boxs .lr-boxs .lr-lists.lr-rights {
        right: -60px
    }

    .sep-pro-yattll-list .lr-boxs .lr-lists.lr-lefts {
        left: -60px
    }

    .sep-pro-yattll-list .lr-boxs .lr-lists.lr-rights {
        right: -60px
    }

    .sep-mainnav .logo-rights>ul>li {
        margin: 0 10px
    }

    .sep-mainnav .logo-rights>ul>li>a span {
        padding: 0 12px
    }
}

@media screen and (max-width: 1460px) {
    .sep-container {
        max-width:1200px
    }

    .sep-container.max1360 {
        max-width: 1200px
    }

    .sep-container50 {
        max-width: 600px
    }

    .sep-mainnav .logo-rights>ul>li {
        margin: 0
    }

    .sep-mainnav .logo-rights>ul>li>a span {
        font-size: 16px;
        padding: 0 10px
    }

    .sep-footer .sep-container {
        max-width: 100%;
        padding-left: 50px;
        padding-right: 50px
    }

    .sep-mobility-list .thumbs-boxs {
        padding: 30px
    }

    .fz60 {
        font-size: 44px
    }

    .fz30 {
        font-size: 24px
    }

    .fz18 {
        font-size: 16px
    }

    .sep-banner .banner .list .b-covers .b-spans.max640 {
        max-width: 570px
    }

    .sep-banner .banner .list .b-covers.ons1 .b-spans {
        max-width: 400px
    }

    .sep-mobility-list .ul-boxs {
        max-height: 70%;
        overflow-y: auto
    }

    .sep-mainnav .logo-rights ul li .pro-boxs .p-top-boxs .p-lists {
        width: calc(25% - 40px)
    }
}

@media screen and (max-width: 1366px) {
    .sep-footer .footer-lists-boxs .footer-logo-lefts .ul-boxs {
        width:32%
    }

    .sep-footer .footer-lists-boxs .footer-logo-lefts .ul-boxs:nth-child(2) {
        width: 30%
    }

    .sep-footer .footer-lists-boxs .footer-logo-lefts .ul-boxs:nth-child(3) {
        width: 20%
    }

    .sep-footer .footer-lists-boxs .footer-logo-lefts .ul-boxs:nth-child(4) {
        width: 18%
    }

    .sep-container {
        max-width: 1100px
    }

    .sep-container.max1360 {
        max-width: 1100px
    }

    .sep-container50 {
        max-width: 550px
    }

    .sep-header .sep-container {
        max-width: 1200px
    }

    .fz30 {
        font-size: 24px
    }

    .sep-banner .swiper-pagination-ban.swiper-pagination {
        bottom: 20px
    }

    .fz40 {
        font-size: 36px
    }

    .fz60 {
        font-size: 44px
    }

    .sep-header .forms {
        margin-left: 20px;
        width: 220px
    }

    .sep-say-text .titles {
        font-size: 140px
    }

    .sep-mobility-list .ul-boxs .ul-lists {
        margin-bottom: 5px
    }

    .sep-mobility-list .titles-a {
        width: 80%
    }

    .sep-mainnav .logo-rights ul li .pro-boxs .boxs {
        padding: 30px 50px
    }

    .sep-mainnav .logo-rights ul li .pro-boxs .boxs-lists-boxs {
        margin-top: 15px;
        padding-top: 15px
    }

    .sep-mainnav .logo-rights ul li .pro-boxs .boxs-lists-boxs .p-lists {
        padding-top: 0;
        padding-bottom: 0
    }

    .sep-mainnav .logo-rights ul li .pro-boxs .boxs-lists-boxs .p-lists i {
        top: 10px
    }
}

@media screen and (max-width: 1280px) {
    .sep-mainnav .logo-rights ul li .pro-boxs .p-top-boxs .titles-a {
        white-space:initial
    }
}

@media screen and (max-width: 1200px) {
    .sep-footer .footer-lists-boxs .footer-logo-lefts .ul-boxs {
        width:50% !important;
        margin-bottom: 30px
    }

    .sep-mainnav .logo-rights ul li .pro-boxs .p-top-boxs .titles-a {
        font-size: 13px
    }

    .sep-banner .lr-boxs .lr-lists.lr-lefts {
        left: 10px
    }

    .sep-banner .lr-boxs .lr-lists.lr-rights {
        right: 10px
    }

    body {
        overflow: hidden
    }

    .sep-container {
        max-width: 100%;
        padding-left: 50px;
        padding-right: 50px
    }

    .sep-container.max1360 {
        max-width: 100%
    }

    .fz18 {
        font-size: 16px
    }

    .sep-header .logo {
        max-width: 120px
    }

    .sep-mainnav .logo-rights>ul>li>a span {
        padding: 0 4px
    }

    .sep-header .forms {
        width: 180px
    }

    .sep-mainnav .logo-rights>ul>li.home {
        display: none
    }

    .sep-pro-ul-boxs .lr-boxs .lr-lists.lr-lefts {
        left: -20px
    }

    .sep-pro-ul-boxs .lr-boxs .lr-lists.lr-rights {
        right: -20px
    }

    .sep-pro-yattll-list .lr-boxs .lr-lists.lr-lefts {
        left: -20px
    }

    .sep-pro-yattll-list .lr-boxs .lr-lists.lr-rights {
        right: -20px
    }

    .sep-say-list .imgs {
        max-width: 60px;
        left: 40px;
        top: -20px
    }

    .sep-say-list .lis-boxs {
        padding-left: 140px
    }

    .sep-news-list .spans {
        display: none
    }

    .sep-mobility-list .p-boxs {
        margin: 0 -20px
    }

    .sep-mobility-list .p-lists {
        width: calc(50% - 40px);
        margin: 0 20px 40px
    }

    .sep-mobility-list .titles-a {
        width: 80%
    }

    .sep-mobility-list .ul-boxs .ul-lists {
        margin-bottom: 4px
    }

    .sep-footer .footer-lists-boxs .footer-logo-lefts {
        width: 66%
    }

    .sep-footer .footer-lists-boxs .footer-logo-rights {
        width: calc(34% - 20px)
    }

    .sep-footer .last-boxs {
        padding-right: 30px
    }

    .log {
        display: none !important
    }

    .sep-header .sep-container {
        padding-left: 20px;
        padding-right: 20px
    }

    .sep-banner .banner .list .b-covers {
        top: 40%
    }

    .sep-banner .banner .list .b-covers.ons1 {
        top: 36%
    }
}

@media screen and (max-width: 821px) {
    .sep-header .forms {
        margin-left:8px
    }

    .sep-footer .footer-lists-boxs .footer-logo-lefts .ul-boxs {
        width: 100% !important;
        margin-bottom: 0
    }

    .sep-header .forms {
        width: 150px
    }

    .fz24 {
        font-size: 22px
    }

    .fz44 {
        font-size: 30px
    }

    .sep-about-ul-boxs .p-lists {
        width: 50%
    }

    .sep-footer .sep-container {
        padding-left: 30px;
        padding-right: 30px
    }

    .sep-banner .banner .list .b-covers {
        top: 30%
    }

    .sep-banner .banner .list .b-covers .b-titles.fz48 {
        font-size: 48px
    }

    .sep-banner .banner .list .b-covers .b-spans {
        font-size: 18px;
        max-width: 640px;
        margin-left: auto;
        margin-right: auto
    }

    .sep-mainnav .logo-rights>ul>li>a>span {
        font-size: 14px;
        padding: 0 6px
    }

    .sep-header .logo {
        max-width: 100px
    }

    .sep-footer .footer-lists-boxs .footer-logo-rights {
        padding: 30px 0
    }

    .footer-footer span {
        display: block;
        width: 100%;
        text-align: center
    }

    .sep-footer .ul-boxs {
        width: 100% !important;
        margin-top: 10px;
        padding-right: 0;
        overflow: initial;
        max-width: 100% !important
    }

    .sep-footer .ul-boxs .ul {
        margin-top: 16px
    }

    .sep-footer .ul-boxs .ul-titles {
        font-size: 18px;
        line-height: 30px;
        padding: 5px 0;
        padding-left: 17px;
        position: relative;
        font-weight: bold;
        margin-bottom: 0;
        border-bottom: 1px solid rgba(255,255,255,0.3)
    }

    .sep-footer .ul-boxs .ul-titles i {
        display: block;
        width: 28px;
        height: 28px;
        line-height: 28px;
        font-size: 22px;
        text-align: center;
        color: #fff;
        position: absolute;
        right: -10px;
        top: 6px
    }

    .sep-footer .ul-boxs .ul-titles:before {
        width: 4px;
        height: 20px;
        background: #544627;
        position: absolute;
        left: 0;
        top: 10px;
        margin: 0
    }

    .sep-footer .ul-boxs.ul-divs.onss .ul-titles i {
        transform: rotate(-90deg)
    }

    .sep-footer .ul-boxs.ul-divs .ul {
        display: none;
        padding: 16px 0;
        margin: 0;
        position: relative
    }

    .sep-footer .footer-lists-boxs .footer-logo-rights {
        padding-top: 0
    }

    .sep-footer .footer-lists-boxs {
        padding: 30px 0 0
    }

    .sep-footer .footer-lists-boxs .link {
        margin-top: 0
    }

    .sep-mobility-list .p-boxs {
        margin: 0 -15px
    }

    .sep-mobility-list .p-lists {
        width: calc(100% - 30px);
        margin: 0 15px 30px
    }

    .sep-mobility-list .p-lists:last-child {
        margin-bottom: 0
    }

    .sep-mobility-list .thumbs-boxs {
        padding: 24px
    }

    .sep-mobility-list .titles-a {
        width: 90%;
        max-width: 240px;
        font-size: 18px;
        padding: 5px 10px
    }

    .sep-mobility-list .titles-a:before {
        width: 3px;
        height: 20px;
        top: 8px
    }

    .fz30 {
        font-size: 22px
    }

    .fz60 {
        font-size: 30px
    }

    .sep-about-bottom-list .i-imgs {
        max-width: 30px;
        margin-right: 12px
    }

    .sep-about-bottom-list .i-imgs img {
        max-width: 100%
    }

    .sep-say-list .lis-boxs {
        width: 100%;
        padding: 0 20px
    }

    .sep-say-list .imgs {
        top: auto;
        position: relative;
        left: auto;
        margin-bottom: 10px
    }

    .sep-say-list .swiper-container {
        padding-top: 0
    }

    .sep-say-list .max60 {
        max-width: 100%
    }

    .sep-say-list .thumbs {
        width: 100%;
        max-width: 350px;
        margin-left: auto;
        margin-top: 40px
    }

    .sep-pro-ul-boxs .thumbs {
        width: 100%
    }

    .sep-pro-ul-boxs .lis-boxs {
        width: 100%;
        padding: 30px 0 0
    }

    .pb220 {
        padding-bottom: 210px
    }

    .sep-footer .footer-lists-boxs .footer-logo-lefts {
        width: 100%
    }

    .sep-footer .footer-lists-boxs .footer-logo-rights {
        width: 100%
    }

    .sep-footer .footer-boxs {
        padding: 20px 0 0;
        margin-top: 20px;
        justify-content: space-between
    }

    .sep-footer .footer-boxs .logo {
        max-width: 120px;
        display: block
    }

    .sep-footer .footer-boxs .logo img {
        max-width: 100%
    }

    .sep-footer .footer-boxs.ons1 {
        display: none
    }

    .sep-footer .footer-boxs.ons2 {
        display: flex
    }

    .sep-footer .link {
        margin-left: auto
    }

    .link .sep-share li {
        width: 26px;
        height: 26px;
        line-height: 26px
    }

    .link .sep-share li a {
        line-height: 26px
    }

    .link .sep-share li a i {
        font-size: 16px
    }

    .link .sep-share li+li {
        margin-left: 20px
    }

    .footer-footer {
        background: none;
        padding: 0 0 24px
    }

    .footer-footer .lefts {
        width: 100%;
        text-align: center
    }

    .footer-footer .rights {
        width: 100%;
        margin-left: 0;
        text-align: center
    }

    .sep-pro-bottom-ul-boxs {
        display: none
    }
}

@media screen and (max-width: 768px) {
    .tops-hes {
        display:none
    }

    .sep-header {
        display: none
    }

    .sep-banner.banner-one {
        display: none
    }

    .sep-banner.banner-two {
        display: block
    }

    .sep-container {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media screen and (max-width: 667px) {
    .link .sep-share li+li {
        margin-left:12px
    }

    .sep-banner .banner .list .b-covers .b-titles.fz48 {
        font-size: 26px
    }

    .sep-banner .banner .list .b-covers .b-spans {
        font-size: 16px
    }

    .pt80 {
        padding-top: 60px
    }

    .pt90 {
        padding-top: 60px
    }

    .pt140 {
        padding-top: 60px
    }

    .pb120 {
        padding-bottom: 60px
    }

    .pt120 {
        padding-top: 60px
    }

    .pb150 {
        padding-bottom: 60px
    }

    .sep-pro-boxs {
        padding-bottom: 60px
    }

    .pb80 {
        padding-bottom: 60px
    }

    .pt70 {
        padding-top: 70px
    }

    .mt30 {
        margin-top: 20px
    }

    .mt70 {
        margin-top: 30px
    }

    .mt60 {
        margin-top: 30px
    }

    .mt66 {
        margin-top: 30px
    }

    .sep-mobility {
        padding-top: 40px;
        padding-bottom: 60px
    }

    .sep-pro-ul-boxs .lr-boxs .lr-lists {
        top: 30%
    }

    .sep-pro-bottom-ul-boxs .p-lists {
        width: 33.3333%;
        font-size: 18px
    }

    .sep-pro-yattll-list .swiper-container {
        width: 100%
    }

    .sep-pro-yattll-list .titles-a {
        font-size: 18px;
        margin-top: 16px
    }

    .sep-mobility-list .thumbs-boxs.ons1 {
        opacity: 1;
        position: relative;
        left: auto;
        top: auto;
        height: auto;
        padding: 20px 0 0;
        background: none
    }

    .sep-mobility-list .thumbs-boxs.ons1 .ul-boxs .ul-lists {
        font-size: 16px;
        line-height: 24px;
        color: #333
    }

    .sep-mobility-list .thumbs-boxs.ons1 .ul-boxs .ul-lists i {
        background: #333;
        opacity: 1
    }

    .sep-mobility-list .thumbs-boxs.ons1 .ul-boxs .ul-lists i:after {
        border-color: #333
    }

    .sep-mobility-list .thumbs-boxs.ons1 .ul-boxs .ul-lists:hover {
        color: #544627
    }

    .sep-mobility-list .thumbs-boxs.ons1 .ul-boxs .ul-lists:hover i {
        background: #544627
    }

    .sep-mobility-list .thumbs-boxs.ons1 .ul-boxs .ul-lists:hover i:after {
        border-color: #544627
    }

    .sep-about-bottom {
        margin-top: -150px
    }

    .sep-about-bottom .sep-about-bottom-list {
        padding: 40px 30px;
        padding-left: 40px
    }

    .sep-about-bottom-list .p-lists {
        width: 100%;
        padding: 0 0 30px
    }

    .sep-about-bottom-list .p-lists:last-child {
        padding-bottom: 0
    }

    .sep-yattll-video-list .swiper-container {
        width: 100%;
        overflow: hidden
    }

    .sep-yattll-video .swiper-pagination {
        justify-content: center
    }

    .sep-yattll-video .swiper-pagination:before {
        display: none
    }

    .sep-yattll-video .swiper-pagination span {
        width: 8px;
        height: 8px;
        border-radius: 4px;
        margin: 0 8px;
        opacity: 1;
        background: #544627
    }

    .sep-yattll-video .swiper-pagination span.swiper-pagination-bullet-active {
        width: 20px
    }

    .sep-about-bottom:before {
        background: none
    }

    .sep-contact-yattll.mt120 {
        margin-top: 0
    }

    .sep-contact-yattll {
        width: calc(100% + 40px);
        margin: 0 -20px;
        padding: 60px 20px
    }

    .sep-say {
        padding-bottom: 80px
    }

    .sep-say-text .titles {
        font-size: 84px;
        text-align: center
    }

    .sep-contact-yattll .i-lines {
        margin: 20px auto 60px
    }

    .sep-contact-yattll .mores-boxs .mores i {
        margin-left: 25px
    }

    .sep-news-list .p-lists {
        width: calc(100% - 72px);
        margin-bottom: 30px
    }

    .sep-news-list .p-lists:last-child {
        margin-bottom: 0
    }

    .sep-news-list .p-lists {
        padding: 0
    }

    .sep-news-list .p-lists:hover {
        box-shadow: none !important
    }

    .sep-news-list .lis-boxs {
        padding: 20px 0 0 25px
    }

    .sep-news-list .mores-boxs {
        padding: 0
    }

    .sep-news-list .times:before {
        left: -25px
    }

    .sep-mobility-list .titles-a {
        max-width: 100%
    }
}

@media screen and (max-width: 375px) {
    .sep-footer .footer-boxs .logo {
        max-width:90px
    }

    .link .sep-share li+li {
        margin-left: 10px
    }
}

.operation {
    overflow: hidden;
    margin-top: 40px
}

.operation ul {
    max-width: 500px;
    margin: auto
}

.operation ul li {
    width: 50%;
    text-align: center;
    float: left
}

.operation ul li a {
    color: #fff;
    background-color: #544627;
    border: 1px solid #544627
}

.operation ul li:hover a {
    background: none;
    color: #544627
}

.sep-pagination {
    width: 100%;
    display: flex;
    display: -webkit-flex;
    justify-content: center
}

.sep-pagination .pagination {
    margin: 29px 0;
    display: inline-block;
    padding-left: 0;
    border-radius: 4px
}

.sep-pagination .pagination .active a {
    background: #544627;
    color: #fff;
    border: 1px solid #544627
}

.sep-pagination .pagination .active a:hover {
    opacity: .72
}

.sep-pagination .pagination li {
    display: inline;
    border-radius: 5px
}

.sep-pagination .pagination li a {
    padding: 3px 12px;
    margin: 0 5px;
    border-radius: 5px;
    background: #ebebeb;
    color: #333;
    border: 1px solid #ebebeb
}

.sep-pagination .pagination li a:hover {
    background: #544627;
    color: #fff;
    border: 1px solid #544627
}

.sep-pagination .pagination li:first-child a {
    border-radius: 5px;
    padding: 3px 12px;
    color: #333;
    background-color: #ebebeb;
    border: 1px solid #ebebeb
}

.sep-pagination .pagination li:first-child a:hover {
    background: #544627;
    color: #fff;
    border: 1px solid #544627
}

.sep-pagination .pagination li:last-child a {
    border-radius: 5px;
    padding: 3px 12px;
    color: #333;
    background-color: #ebebeb;
    border: 1px solid #ebebeb
}

.sep-pagination .pagination li:last-child a:hover {
    background: #544627;
    color: #fff;
    border: 1px solid #544627
}

.lg-search-ul-boxs {
    width: 100%
}

.lg-search-ul-boxs.ons {
    margin-top: 30px
}

.lg-search-ul-boxs ul {
    margin: 0 -18px;
    flex-wrap: wrap
}

.lg-search-ul-boxs ul li {
    width: calc(33.333% - 36px);
    float: left;
    margin: 0 18px 30px
}

.lg-search-ul-boxs ul li:last-child {
    margin-bottom: 0
}

.lg-search-ul-boxs ul li:hover .thumbs {
    border-color: #f98609
}

.lg-search-ul-boxs ul li:hover .titles-a {
    color: #f98609
}

.lg-search-ul-boxs .thumbs {
    border: 1px solid #ddd;
    text-align: center
}

.lg-search-ul-boxs .thumbs img {
    max-width: 100%
}

.lg-search-ul-boxs .thumbs.ons {
    height: 224px;
    line-height: 220px
}

.lg-search-ul-boxs .lis-boxs {
    width: 100%;
    padding: 16px 0 0
}

.lg-search-ul-boxs .titles-a {
    text-align: center;
    font-size: 20px;
    line-height: 1.32;
    color: #333
}

@media screen and (max-width: 812px) {
    .lg-search-ul-boxs ul {
        margin:0 -18px
    }

    .lg-search-ul-boxs ul li {
        width: calc(50% - 36px)
    }
}

@media screen and (max-width: 667px) {
    .lg-search-ul-boxs ul li {
        width:calc(100% - 36px)
    }

    .operation ul li {
        width: 100%;
        margin-bottom: 12px
    }

    .operation ul li a {
        min-width: 196px
    }

    .operation ul li:last-child {
        margin-bottom: 0
    }
}

.change-result {
    text-align: center;
    padding-bottom: 30px;
    margin-bottom: 10px
}

.change-result li {
    display: inline-block;
    vertical-align: top
}

.change-result li.active button {
    background: #544627;
    color: #fff
}

.change-result li.active button:hover {
    background: #f98609
}

.change-result li:hover button {
    background: #544627;
    color: #fff
}

.change-result button {
    font-size: 20px;
    display: inline-block;
    width: 220px;
    margin: 0 10px;
    background: #f0f0f0;
    color: #323232;
    padding: 10px 0;
    font-weight: bold;
    text-align: center;
    border: none;
    cursor: pointer
}

.pro-bigimg {
    width: 100%;
    overflow: hidden;
    position: relative
}

.pro-bigimg.ons {
    z-index: 88
}

.pop-img {
    display: none;
    width: 100%;
    height: 100%;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    overflow: hidden;
    border-radius: 100%;
    z-index: 84
}

.pop-img img {
    width: 500% !important;
    height: auto;
    max-width: none !important;
    max-height: none !important
}

.pro-mask {
    display: none;
    width: 180px;
    height: 180px;
    position: absolute;
    top: 0;
    left: 0;
    cursor: move;
    border-radius: 100%;
    z-index: 89;
    box-shadow: 0 0 0 1px rgba(0,0,0,0.1)
}

.fy-relates-ul-boxs {
    display: block;
    width: 100%
}

.fy-relates-ul-boxs.ons {
    margin-top: 24px
}

.fy-relates-ul-boxs .titles-a {
    display: block;
    width: 100%;
    position: relative;
    font-size: 16px;
    line-height: 28px;
    padding-left: 12px;
    margin-bottom: 6px;
    color: #646464
}

.fy-relates-ul-boxs .titles-a:before {
    content: '';
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 100%;
    background: #646464;
    position: absolute;
    left: 0;
    top: 12px
}

.fy-relates-ul-boxs .titles-a.ons {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.fy-relates-ul-boxs .titles-a:hover {
    color: #544627;
    text-decoration: underline
}

.fy-relates-ul-boxs .titles-a:hover:before {
    background: #544627
}

.sep-resource-list2 li {
    padding-left: 160px;
    position: relative;
    padding-bottom: 30px;
    border-bottom: 1px solid #afafaf;
    padding-top: 5px;
    min-height: 152px;
    margin-bottom: 30px
}

.sep-resource-list2 li.nothumb {
    padding-left: 0
}

.sep-resource-list2 li.nothumb .thumb {
    display: none
}

.sep-resource-list2 li .thumb {
    display: block;
    position: absolute;
    width: 140px;
    overflow: hidden;
    left: 0;
    top: 0;
    text-align: center
}

.sep-resource-list2 li .thumb img {
    width: 100%
}

.sep-resource-list2 li .thumb i {
    font-size: 32px
}

.sep-resource-list2 li .times {
    display: block;
    color: #545454;
    margin-bottom: 6px
}

.sep-resource-list2 li .title {
    display: block;
    color: #545454;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px
}

.sep-resource-list2 li .title:hover {
    color: #f98609
}

.sep-resource-list2 li .summary {
    display: block;
    color: #545454;
    line-height: 1.6em;
    margin-bottom: 10px
}

.sep-resource-list2 li .more {
    color: #f98609
}

.sep-resource-list2 li .more:hover {
    text-decoration: underline
}

.pdfs-boxs {
    width: 100%;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.pdfs-boxs.ons {
    margin-top: 30px
}

.pdfs-boxs .pdfs-lists {
    width: 49%;
    line-height: 59px;
    border: 1px solid #e0e0e0;
    padding: 0 14px;
    margin-bottom: 20px
}

.pdfs-boxs .pdfs-lists.ons {
    width: 100%
}

.pdfs-boxs .pdfs-lists:nth-child(odd) {
    float: left
}

.pdfs-boxs .pdfs-lists:nth-child(even) {
    float: right
}

.pdfs-boxs .pdfs-lists:hover {
    border-color: #544627
}

.pdfs-boxs .pdfs-lists a {
    color: #323232;
    line-height: 59px
}

.pdfs-boxs .pdfs-lists a:hover {
    color: #544627
}

.pdfs-boxs .pdfs-lists .titles-a {
    width: calc(100% - 44px);
    display: flex;
    align-items: center;
    min-height: 59px;
    line-height: 1.32;
    float: left
}

.pdfs-boxs .pdfs-lists .titles-a i {
    font-size: 20px;
    margin-right: 10px
}

.pdfs-boxs .pdfs-lists .v-lists:hover i {
    transform: scale(1.2)
}

.pdfs-boxs .pdfs-lists i {
    color: #544627;
    font: normal normal normal 14px/1 FontAwesome
}

.pdfs-boxs .pdfs-lists img {
    margin-right: 10px
}

.pdf-download {
    margin-right: 10px
}

.sep-inner-banner {
    width: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden
}

.sep-inner-banner img {
    max-width: 100%
}

.sep-inner-banner .banner img {
    width: 100%
}

.sep-inner-banner .banner.bgs:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background: rgba(0,0,0,0.4)
}

.sep-inner-banner .b-covers {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    align-items: center;
    z-index: 20
}

.sep-inner-banner .b-covers .boxs {
    width: 100%
}

.sep-inner-banner .b-covers .boxs.max900 {
    max-width: 900px
}

.sep-inner-banner .b-covers.ons1 {
    top: 28%
}

.sep-inner-banner .b-titles {
    display: block;
    color: #fff;
    line-height: 1.32;
    position: relative
}

.sep-inner-banner .b-titles.max560 {
    max-width: 560px
}

.sep-inner-banner .b-titles.max610 {
    max-width: 610px
}

.sep-inner-banner .b-titles.befs {
    padding-left: 36px
}

.sep-inner-banner .b-titles.befs:before {
    content: '';
    display: block;
    width: 6px;
    height: calc(100% - 20px);
    border-radius: 3px;
    background: #544627;
    position: absolute;
    left: 0;
    top: 10px
}

.sep-inner-banner .b-spans.pl36 {
    padding-left: 36px
}

.sep-inner-banner .mores-boxs {
    width: auto;
    text-align: left
}

.sep-inner-banner .mores-boxs .mores {
    margin-right: 10px;
    margin-top: 10px
}

.sep-inner-banner .mores-boxs .mores:last-child {
    margin-right: 0
}

.sep-inner-banner .mores-boxs {
    width: 100%
}

.sep-inner-banner .mores-boxs.pl36 {
    padding-left: 36px
}

.sep-inner-banner .mores-boxs .mores {
    padding: 10px 34px;
    border: 1px solid #544627;
    color: #544627;
    border-radius: 26px
}

.sep-inner-banner .mores-boxs .mores .i-imgs {
    line-height: inherit;
    vertical-align: top;
    display: inline-block;
    margin-right: 12px
}

.sep-inner-banner .mores-boxs .mores i {
    width: 22px;
    height: 22px;
    border-radius: 100%;
    text-align: center;
    line-height: 22px;
    margin-left: 32px;
    color: #544627;
    font-size: 12px;
    background: #fff
}

.sep-inner-banner .mores-boxs .mores:hover {
    background: #544627;
    color: #fff
}

.sep-inner-banner .mores-boxs .mores.active {
    background: #544627;
    color: #fff
}

.sep-inner-banner .mores-boxs .mores.active:hover {
    background: #f98609
}

.sep-inner-banner .sep-breadcrumb {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 30
}

.sep-inner-banner .sep-breadcrumb .breadcrumb li {
    color: #fff
}

.sep-inner-banner .sep-breadcrumb .breadcrumb li a {
    color: #fff
}

.sep-inner-banner .sep-breadcrumb .breadcrumb li:last-child a {
    color: #f98609
}

.sep-inner-banner .sep-breadcrumb .breadcrumb li:hover a {
    color: #f98609
}

.sep-breadcrumb {
    width: 100%;
    position: relative;
    z-index: 20
}

.sep-breadcrumb.bors {
    border-bottom: 1px solid #e6e6e6
}

.sep-breadcrumb.bgs {
    background: #f8f8f8
}

.sep-breadcrumb.padts {
    padding-top: 60px
}

.sep-breadcrumb.onss .breadcrumb-boxs i {
    display: block;
    font-size: 16px;
    color: #333;
    line-height: 28px;
    margin-right: 10px;
    min-width: 15px
}

.sep-breadcrumb.onss .breadcrumb-boxs i img {
    max-width: 100%
}

.sep-breadcrumb .breadcrumb-boxs {
    position: relative;
    padding: 10px 0;
    display: flex;
    align-items: flex-start
}

.sep-breadcrumb .breadcrumb {
    background: none;
    margin: 0;
    padding: 0;
    line-height: 28px;
    text-align: left;
    position: relative;
    display: inline-block;
    vertical-align: top;
    font-family: inherit
}

.sep-breadcrumb .breadcrumb li {
    color: #333;
    font-size: 16px;
    display: inline-block;
    vertical-align: top;
    font-family: inherit
}

.sep-breadcrumb .breadcrumb li a {
    color: #333;
    font-size: 16px
}

.sep-breadcrumb .breadcrumb li:last-child a {
    color: #f98609
}

.sep-breadcrumb .breadcrumb li:hover a {
    color: #f98609;
    text-decoration: underline
}

.sep-breadcrumb .breadcrumb li+li:before {
    content: '>';
    color: inherit;
    padding: 0 5px
}

.sep-page {
    display: block;
    width: 100%
}

.sep-page.bgs {
    background: #f8f8f8
}

.sep-page.bgseb {
    background: #ebe7e0
}

.sep-page.bgs1 {
    background: #244054
}

.sep-page.bgs2 {
    background: #303030
}

.sep-page.bors {
    border-top: 1px solid #e6e6e6
}

.sep-page .sep-lefts {
    width: calc(100% - 454px)
}

.sep-page .sep-rights {
    margin-left: auto;
    width: 400px
}

.sep-index-pro-chooseing-list {
    width: 100%;
    position: relative
}

.sep-index-pro-chooseing-list .p-boxs {
    margin: 0 -20px
}

.sep-index-pro-chooseing-list .p-lists {
    width: calc(50% - 40px);
    margin: 0 20px 55px;
    position: relative
}

.sep-index-pro-chooseing-list .p-lists:hover .thumbs-boxs,.sep-index-pro-chooseing-list .p-lists.active .thumbs-boxs {
    opacity: 1
}

.sep-index-pro-chooseing-list .p-lists.ons1 {
    width: calc(33.3333% - 40px)
}

.sep-index-pro-chooseing-list .p-lists.ons1 .lis-boxs {
    flex-wrap: wrap
}

.sep-index-pro-chooseing-list .p-lists.ons1 .thumbs.ons {
    height: 320px
}

.sep-index-pro-chooseing-list .p-lists.ons1 .mores-boxs {
    width: 100%;
    margin-top: 20px
}

.sep-index-pro-chooseing-list .imgs {
    border-radius: 10px;
    overflow: hidden
}

.sep-index-pro-chooseing-list .thumbs {
    margin: auto;
    position: relative
}

.sep-index-pro-chooseing-list .thumbs.ons {
    height: 494px
}

.sep-index-pro-chooseing-list .thumbs.ons1 {
    height: 320px
}

.sep-index-pro-chooseing-list .thumbs-boxs {
    width: 100%;
    height: 100%;
    background: #544627;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 20;
    opacity: 0;
    padding: 50px
}

.sep-index-pro-chooseing-list .titles-a {
    line-height: 28px;
    color: #333;
    position: relative;
    padding: 6px 10px;
    padding-left: 28px
}

.sep-index-pro-chooseing-list .titles-a:before {
    content: '';
    display: block;
    width: 6px;
    height: 40px;
    background: #544627;
    position: absolute;
    left: 0;
    top: 0
}

.sep-index-pro-chooseing-list .titles-a:hover {
    color: #544627
}

.sep-index-pro-chooseing-list .ul-boxs {
    width: 100%;
    max-height: 100%;
    overflow-y: auto
}

.sep-index-pro-chooseing-list .ul-boxs .ul-lists {
    display: block;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 10px;
    color: #fff;
    padding-left: 26px;
    position: relative
}

.sep-index-pro-chooseing-list .ul-boxs .ul-lists i {
    display: block;
    width: 16px;
    height: 1px;
    background: #fff;
    opacity: 0;
    color: inherit;
    line-height: inherit;
    font-size: inherit;
    position: absolute;
    left: 0;
    top: 14px
}

.sep-index-pro-chooseing-list .ul-boxs .ul-lists i:after {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -5px
}

.sep-index-pro-chooseing-list .ul-boxs .ul-lists span {
    color: inherit;
    line-height: 1.1;
    border-bottom: 1px solid transparent
}

.sep-index-pro-chooseing-list .ul-boxs .ul-lists:hover i {
    opacity: 1
}

.sep-index-pro-chooseing-list .ul-boxs .ul-lists:hover span {
    border-color: #fff;
    font-family: inherit
}

.sep-index-pro-chooseing-list .ul-boxs .ul-lists:last-child {
    margin-bottom: 0
}

.sep-index-pro-chooseing-list .lis-boxs {
    width: 100%;
    align-items: center;
    flex-wrap: nowrap;
    margin-top: 24px;
    justify-content: space-between
}

.sep-index-pro-chooseing-list .mores-boxs .mores {
    padding: 12px 30px;
    border-radius: 27px;
    color: #544627;
    border: 1px solid #544627
}

.sep-index-pro-chooseing-list .mores-boxs .mores i {
    border-radius: 100%;
    margin-left: 10px;
    color: inherit;
    text-align: center;
    line-height: 22px
}

.sep-index-pro-chooseing-list .mores-boxs .mores:hover {
    background: #f98609;
    color: #fff;
    border-color: #f98609
}

.sep-index-pro-why-list {
    width: 100%
}

.sep-index-pro-why-list .p-boxs {
    margin: 0 -20px
}

.sep-index-pro-why-list .p-boxs .p-lists {
    margin: 0 20px 40px
}

.sep-index-pro-why-list .p-lists {
    width: calc(33.33333% - 40px);
    margin-right: 40px;
    border-radius: 20px
}

.sep-index-pro-why-list .lis-boxs {
    width: 100%;
    position: relative;
    padding: 20px 32px 30px;
    z-index: 20
}

.sep-index-pro-why-list .i-imgs {
    width: 100%;
    height: 60px
}

.sep-index-pro-why-list .i-imgs img {
    max-height: 100%
}

.sep-index-pro-why-list .titles-a {
    color: #333;
    line-height: 1.32;
    text-align: center;
    margin-top: 26px
}

.sep-index-pro-why-list .titles-a:after {
    content: '';
    display: block;
    width: 60px;
    height: 3px;
    background: #544627;
    margin: 16px auto 0
}

.sep-index-pro-why-list .richtext {
    margin-top: 28px
}

.sep-index-pro-why-list .swiper-pagination {
    width: 100%;
    left: 0;
    text-align: center;
    bottom: auto;
    position: relative;
    left: auto
}

.sep-index-pro-why-list .swiper-pagination span {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: none;
    margin: 0 6px;
    position: relative;
    z-index: 20;
    background: #544627;
    opacity: .3
}

.sep-index-pro-why-list .swiper-pagination span.swiper-pagination-bullet-active {
    opacity: 1;
    background: #544627
}

.sep-index-pro-why-list .lr-boxs .lr-lists {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    z-index: 30;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: absolute;
    top: 45%;
    margin-top: -20px;
    background: #544627
}

.sep-index-pro-why-list .lr-boxs .lr-lists i {
    font-size: 30px;
    color: #fff
}

.sep-index-pro-why-list .lr-boxs .lr-lists.lr-lefts {
    left: -60px
}

.sep-index-pro-why-list .lr-boxs .lr-lists.lr-rights {
    right: -60px
}

.sep-index-pro-why-list .lr-boxs .lr-lists:hover {
    background: #f98609
}

.sep-index-pro-process-list {
    width: 100%;
    align-items: center
}

.sep-index-pro-process-list .thumbs {
    width: calc(50% + 40px)
}

.sep-index-pro-process-list .lis-boxs {
    width: calc(50% - 40px);
    padding-left: 52px
}

.sep-index-pro-process-list .i-imgs {
    display: flex;
    align-items: flex-end;
    margin-bottom: 22px
}

.sep-index-pro-process-list .i-imgs .i-lines {
    width: 46px;
    height: 7px;
    background: #544627;
    margin-left: 10px
}

.sep-index-pro-process-thumb-boxs {
    width: 100%;
    justify-content: space-between
}

.sep-index-pro-process-thumb-boxs .th-lefts {
    width: 68%
}

.sep-index-pro-process-thumb-boxs .th-rights {
    width: 32%;
    padding-left: 40px;
    align-content: space-between
}

.sep-index-pro-process-thumb-boxs .t-boxs {
    width: 100%
}

.sep-index-pro-process-thumb-list {
    width: 100%
}

.sep-index-pro-process-thumb-list .p-boxs {
    margin: 0 -15px
}

.sep-index-pro-process-thumb-list .thumbs img {
    max-width: 50%
}

.sep-index-pro-process-thumb-list .p-lists {
    width: calc(20% - 30px);
    text-align: center;
    margin: 0 15px 30px
}

.sep-index-pro-process-thumb-list .titles-a {
    text-align: center;
    line-height: 1.32;
    color: #544627
}

.sep-index-pro-videos-list {
    width: 100%
}

.sep-index-pro-videos-list .p-lists:hover .i-imgs,.sep-index-pro-videos-list .p-lists.active .i-imgs {
    border-color: rgba(84,70,39,0.1)
}

.sep-index-pro-videos-list .p-lists:hover .thumbs-boxs,.sep-index-pro-videos-list .p-lists.active .thumbs-boxs {
    opacity: 1
}

.sep-index-pro-videos-list .thumbs {
    box-shadow: 0 5px 16px rgba(32,181,193,0.1);
    border-radius: 16px
}

.sep-index-pro-videos-list .thumbs.ons {
    height: 266px
}

.sep-index-pro-videos-list .thumbs-boxs {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.4);
    z-index: 20;
    opacity: 0
}

.sep-index-pro-videos-list .i-imgs {
    display: table;
    padding: 12px;
    border-radius: 100%;
    border: 1px solid transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 30
}

.sep-index-pro-videos-list .titles-a {
    margin-top: 24px;
    line-height: 1.25
}

.sep-index-pro-videos-list .titles-a:hover {
    color: #544627
}

.sep-index-pro-videos-list .swiper-pagination {
    width: 100%;
    position: relative;
    left: auto;
    bottom: auto;
    margin-top: 50px;
    text-align: center
}

.sep-index-pro-videos-list .swiper-pagination span {
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background: #544627;
    opacity: 1;
    margin: 0 5px
}

.sep-index-pro-videos-list .swiper-pagination span.swiper-pagination-bullet-active {
    width: 30px
}

.sep-index-pro-videos-list .lr-boxs .lr-lists {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    z-index: 30;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    position: absolute;
    top: 40%;
    margin-top: -20px;
    background: #544627
}

.sep-index-pro-videos-list .lr-boxs .lr-lists i {
    font-size: 30px;
    color: #fff
}

.sep-index-pro-videos-list .lr-boxs .lr-lists.lr-lefts {
    left: -60px
}

.sep-index-pro-videos-list .lr-boxs .lr-lists.lr-rights {
    right: -60px
}

.sep-index-pro-videos-list .lr-boxs .lr-lists:hover {
    background: #f98609
}

.sep-list-pro-gallery-list {
    width: 100%
}

.sep-list-pro-gallery-list .p-boxs {
    margin: 0 -15px
}

.sep-list-pro-gallery-list .p-lists {
    width: calc(20% - 30px);
    margin: 0 15px 30px
}

.sep-list-pro-gallery-list .thumbs {
    border-radius: 16px
}

.sep-in-line {
    display: table;
    position: relative
}

.sep-in-line .pres {
    z-index: 10
}

.sep-in-line .lines {
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 2;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.sep-pro-news-list {
    width: 100%
}

.sep-pro-news-list .p-boxs {
    margin: 0 -31px;
    margin: 0 -15px
}

.sep-pro-news-list .p-lists {
    width: calc(33.3333% - 30px);
    margin: 0 15px 30px;
    align-content: space-between;
    background: #ebe7e0;
    border-radius: 16px;
    padding-bottom: 20px
}

.sep-pro-news-list .p-lists:hover {
    border-color: #f98609
}

.sep-pro-news-list .thumbs {
    border-top-left-radius: 16px;
    border-top-right-radius: 16px
}

.sep-pro-news-list .thumbs.ons {
    height: 257px
}

.sep-pro-news-list .titles-a {
    line-height: 1.5;
    color: #333
}

.sep-pro-news-list .titles-a:hover {
    color: #f98609
}

.sep-pro-news-list .titles-boxs {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0 20px
}

.sep-pro-news-list .titles-boxs .titles-a {
    width: auto
}

.sep-pro-news-list .titles-boxs img {
    min-width: 20px;
    margin: 0 6px
}

.sep-pro-news-list .mores-boxs {
    width: 100%;
    padding: 0 20px;
    margin-top: 5px
}

.sep-pro-news-list .mores-boxs .mores {
    color: #333;
    line-height: 30px
}

.sep-pro-news-list .mores-boxs .mores:hover {
    color: #f98609
}

.sep-pro-news-list .times {
    width: auto;
    line-height: 30px;
    color: #544627;
    white-space: nowrap
}

.sep-list-pro-list {
    position: relative
}

.sep-list-pro-list .p-boxs {
    margin: 0 -21px
}

.sep-list-pro-list .thumbs {
    background: #ebebeb;
    border-radius: 16px
}

.sep-list-pro-list .thumbs.ons {
    height: 318px
}

.sep-list-pro-list .p-lists {
    width: calc(33.3333% - 42px);
    margin: 0 21px 35px;
    border-radius: 16px
}

.sep-list-pro-list .p-lists:hover {
    background: #f98609;
    box-shadow: 0 0 0 12px #f98609
}

.sep-list-pro-list .p-lists:hover .titles-a {
    color: #fff
}

.sep-list-pro-list .p-lists:hover .thumbs {
    background: #fff
}

.sep-list-pro-list .p-lists:hover .lis-boxs {
    opacity: 1
}

.sep-list-pro-list .lis-boxs {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 20;
    opacity: 0;
    padding: 25px;
    justify-content: center;
    align-items: center;
    background: rgba(0,0,0,0.8)
}

.sep-list-pro-list .ul-boxs {
    width: auto;
    max-width: 100%;
    display: table;
    max-height: 100%;
    overflow-y: auto
}

.sep-list-pro-list .ul-boxs::-webkit-scrollbar {
    width: 1px;
    height: 100%;
    background-color: #f5f5f5;
    overflow: initial
}

.sep-list-pro-list .ul-boxs::-webkit-scrollbar-thumb {
    background-color: #c8c8c8
}

.sep-list-pro-list .ul-boxs .ul-lists {
    width: 100%;
    line-height: 30px;
    position: relative;
    display: block;
    padding-left: 16px;
    color: #fff;
    text-align: left
}

.sep-list-pro-list .ul-boxs .ul-lists:before {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background: #fff;
    position: absolute;
    left: 0;
    top: 12px
}

.sep-list-pro-list .ul-boxs .ul-lists:hover {
    text-decoration: underline
}

.sep-list-pro-list .swiper-container {
    margin: 0 -12px;
    padding: 12px
}

.sep-list-pro-list .swiper-slide {
    width: 100%;
    margin: 0
}

.sep-list-pro-list .titles-a {
    line-height: 1.8;
    padding: 18px 0;
    text-align: center
}

.sep-list-pro-list .lr-boxs .lr-lists {
    width: 44px;
    height: 44px;
    border-radius: 100%;
    background: #c6c6c6;
    position: absolute;
    top: 40%;
    margin-top: -22px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    z-index: 30
}

.sep-list-pro-list .lr-boxs .lr-lists i {
    font-size: 22px;
    color: #fff;
    line-height: 1
}

.sep-list-pro-list .lr-boxs .lr-lists.lr-lefts {
    left: -88px
}

.sep-list-pro-list .lr-boxs .lr-lists.lr-rights {
    right: -88px
}

.sep-list-pro-list .lr-boxs .lr-lists:hover {
    background: #544627
}

.sep-list-pro-compared-list {
    width: 100%;
    position: relative
}

.sep-list-pro-compared-list .p-lists {
    width: 100%
}

.sep-list-pro-compared-list .imgs {
    width: 45%;
    position: relative;
    justify-content: space-between;
    align-items: flex-start
}

.sep-list-pro-compared-list .imgs .thumbs {
    width: calc(50% - 18px)
}

.sep-list-pro-compared-list .imgs .thumbs+.thumbs {
    margin-top: 77px
}

.sep-list-pro-compared-list .vs {
    width: 112px;
    height: 112px;
    border-radius: 100%;
    background: #544627;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -56px;
    margin-top: -56px;
    box-shadow: 0 0 0 8px rgba(255,164,15,0.3);
    z-index: 12
}

.sep-list-pro-compared-list .lis-boxs {
    width: 55%;
    padding-left: 70px;
    padding-top: 75px;
    align-content: space-between
}

.sep-list-pro-compared-list .richtext {
    max-width: 640px
}

.sep-list-pro-compared-list .swiper-pagination {
    position: relative;
    left: auto;
    bottom: auto;
    display: flex;
    align-items: flex-end
}

.sep-list-pro-compared-list .swiper-pagination span {
    width: auto;
    height: auto;
    opacity: 1;
    background: none;
    display: flex;
    align-items: flex-end;
    font-size: 24px;
    color: #adadad;
    line-height: 1;
    font-family: inherit
}

.sep-list-pro-compared-list .swiper-pagination span:after {
    content: '';
    display: block;
    width: 18px;
    height: 1px;
    background: #adadad;
    margin: 0 6px
}

.sep-list-pro-compared-list .swiper-pagination span:last-child:after {
    display: none
}

.sep-list-pro-compared-list .swiper-pagination span.swiper-pagination-bullet-active {
    color: #544627;
    font-size: 56px
}

.sep-list-pro-compared-list .lr-boxs {
    width: 102px;
    height: 44px;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 30
}

.sep-list-pro-compared-list .lr-boxs .lr-lists {
    width: 44px;
    height: 44px;
    border-radius: 100%;
    background: #c6c6c6;
    position: absolute;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.sep-list-pro-compared-list .lr-boxs .lr-lists i {
    font-size: 22px;
    color: #fff;
    line-height: 1
}

.sep-list-pro-compared-list .lr-boxs .lr-lists.lr-lefts {
    left: 0
}

.sep-list-pro-compared-list .lr-boxs .lr-lists.lr-rights {
    right: 0
}

.sep-list-pro-compared-list .lr-boxs .lr-lists:hover {
    background: #544627
}

.sep-list-pro-manufacturing-list {
    width: 100%;
    align-items: flex-start
}

.sep-list-pro-manufacturing-list .imgs {
    width: calc(50% + 5px)
}

.sep-list-pro-manufacturing-list .text-boxs {
    width: calc(100% - 46px);
    margin-left: 46px;
    background: #544627;
    padding: 32px 36px 12px
}

.sep-list-pro-manufacturing-list .text-boxs .titles {
    color: rgba(255,255,255,0.4);
    border-top: 1px solid rgba(255,255,255,0.4);
    line-height: 32px
}

.sep-list-pro-manufacturing-list .lis-boxs {
    width: calc(50% - 5px);
    padding-right: 80px
}

.sep-list-pro-manufacturing-ul-list {
    width: 100%;
    position: relative
}

.sep-list-pro-manufacturing-ul-list .p-lists {
    width: 100%;
    position: relative;
    margin-bottom: 10px;
    padding-left: 53px;
    padding-left: 40px
}

.sep-list-pro-manufacturing-ul-list .p-lists:last-child {
    margin-bottom: 0
}

.sep-list-pro-manufacturing-ul-list .nums {
    width: 38px;
    width: auto;
    height: 26px;
    position: absolute;
    left: 5px;
    top: 2px;
    line-height: 26px;
    color: #544627;
    border-radius: 4px;
    text-align: center
}

.sep-list-pro-manufacturing-ul-list .nums:after {
    content: '';
    display: block;
    border: 6px solid transparent;
    border-left-color: #544627;
    border-right-width: 0;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    left: 100%;
    opacity: 0
}

.sep-list-pro-faq-list {
    width: 100%
}

.sep-list-pro-faq-list .p-lists {
    width: 100%;
    margin-bottom: 20px
}

.sep-list-pro-faq-list .p-lists:last-child {
    margin-bottom: 0
}

.sep-list-pro-faq-list .p-lists:hover .titles-a {
    color: #fff;
    background: #544627
}

.sep-list-pro-faq-list .p-lists:hover .titles-a .i-imgs {
    border-right-color: rgba(255,255,255,0.3)
}

.sep-list-pro-faq-list .p-lists:hover .titles-a .i-boxs i {
    background: #fff
}

.sep-list-pro-faq-list .p-lists:hover .titles-a .i-boxs i:after {
    background: #fff
}

.sep-list-pro-faq-list .p-lists:hover .i-fk {
    opacity: .3;
    background: #fff
}

.sep-list-pro-faq-list .p-lists:hover .i-fk:after {
    border-left-color: #fff
}

.sep-list-pro-faq-list .p-lists.active .titles-a {
    color: #fff;
    background: #544627
}

.sep-list-pro-faq-list .p-lists.active .titles-a .i-imgs {
    border-right-color: rgba(255,255,255,0.3)
}

.sep-list-pro-faq-list .p-lists.active .titles-a .i-boxs i {
    background: #fff
}

.sep-list-pro-faq-list .p-lists.active .titles-a .i-boxs i:after {
    background: #fff;
    display: none
}

.sep-list-pro-faq-list .p-lists.active .i-fk {
    opacity: .3;
    background: #fff
}

.sep-list-pro-faq-list .p-lists.active .i-fk:after {
    border-left-color: #fff
}

.sep-list-pro-faq-list .p-lists.activess .lis-boxs {
    display: block
}

.sep-list-pro-faq-list .titles-a {
    width: 100%;
    position: relative;
    line-height: 30px;
    padding: 35px 60px;
    padding-left: 123px;
    background: #f1f1f1
}

.sep-list-pro-faq-list .titles-a .span {
    display: block;
    font-size: inherit;
    color: inherit;
    font-family: inherit;
    line-height: inherit;
    max-width: 960px;
    margin-left: auto;
    margin-right: auto
}

.sep-list-pro-faq-list .titles-a .i-imgs {
    border-right: 1px solid #544627
}

.sep-list-pro-faq-list .i-imgs {
    width: 78px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    position: absolute;
    top: 25px;
    left: 14px
}

.sep-list-pro-faq-list .i-imgs i {
    font-size: 34px;
    color: #f98609
}

.sep-list-pro-faq-list .i-boxs {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 35px;
    right: 20px
}

.sep-list-pro-faq-list .i-boxs i {
    width: 12px;
    height: 2px;
    background: #544627;
    position: absolute;
    left: 50%;
    margin-left: -6px;
    top: 50%;
    margin-top: -1px
}

.sep-list-pro-faq-list .i-boxs i:after {
    content: '';
    width: 2px;
    height: 12px;
    background: #544627;
    position: absolute;
    left: 50%;
    margin-left: -1px;
    top: 50%;
    margin-top: -6px
}

.sep-list-pro-faq-list .lis-boxs {
    width: 100%;
    display: none;
    padding: 24px 132px 16px 123px;
    position: relative
}

.sep-list-pro-faq-list .lis-boxs .i-imgs {
    height: auto
}

.sep-list-pro-form {
    width: 100%
}

.sep-list-pro-form .for-lefts {
    width: calc(50% - 100px);
    padding-right: 56px
}

.sep-list-pro-form .for-lefts .titles {
    text-align: right;
    line-height: 1.32
}

.sep-list-pro-form .for-lefts .titles * {
    font-family: inherit
}

.sep-list-pro-form .for-lefts .titles span,.sep-list-pro-form .for-lefts .titles strong {
    color: #f98609;
    font-size: inherit;
    font-family: inherit;
    display: inline-block
}

.sep-list-pro-form .t-lines {
    width: 204px;
    height: 1px;
    background: #f98609;
    position: relative;
    margin-left: auto;
    margin-top: 20px
}

.sep-list-pro-form .t-lines:after {
    content: '';
    display: block;
    width: 68px;
    height: 3px;
    background: #f98609;
    position: absolute;
    left: 50%;
    margin-left: -34px;
    top: -1px
}

.sep-list-pro-form .for-rights {
    width: calc(50% + 100px)
}

.sep-list-pro-form-list .p-lists {
    width: 50%;
    position: relative;
    padding-left: 32px;
    color: #333;
    line-height: 30px;
    margin-bottom: 24px
}

.sep-list-pro-form-list .p-lists:last-child {
    width: 100%;
    margin-bottom: 0
}

.sep-list-pro-form-list .p-lists i {
    line-height: inherit;
    position: absolute;
    left: 0;
    top: 0
}

.sep-list-pro-form-list .p-lists .titles-a {
    color: #f98609
}

.sep-list-pro-form-list a.p-lists:hover {
    color: #f98609;
    font-family: inherit
}

.sep-list-pro-form-boxs {
    width: 100%
}

.sep-list-pro-form-boxs.cons .form-group .form-control {
    border-color: #aaa
}

.sep-list-pro-form-boxs form {
    width: auto;
    min-width: 100%;
    margin: 0 -10px
}

.sep-list-pro-form-boxs .form-group {
    width: calc(100% - 20px);
    margin: 0 10px 20px;
    padding: 0
}

.sep-list-pro-form-boxs .form-group:last-child {
    margin-bottom: 0
}

.sep-list-pro-form-boxs .form-group.ons {
    width: calc(50% - 20px)
}

.sep-list-pro-form-boxs .form-group .i-imgs {
    position: absolute;
    left: 0;
    top: 0;
    line-height: 50px
}

.sep-list-pro-form-boxs .form-group .i-imgs img {
    max-width: 100%
}

.sep-list-pro-form-boxs .form-group .form-control {
    border-radius: 0;
    height: 60px;
    border: 1px solid transparent;
    background: #fff;
    padding-left: 20px;
    color: #666;
    font-size: 18px;
    box-shadow: none !important;
    position: relative
}

.sep-list-pro-form-boxs .form-group .form-control::-webkit-input-placeholder {
    color: inherit
}

.sep-list-pro-form-boxs .form-group .form-control::-moz-input-placeholder {
    color: inherit
}

.sep-list-pro-form-boxs .form-group .form-control::-ms-input-placeholder {
    color: inherit
}

.sep-list-pro-form-boxs .form-group .form-control::-o-input-placeholder {
    color: inherit
}

.sep-list-pro-form-boxs .form-group .form-control::placeholder {
    color: inherit
}

.sep-list-pro-form-boxs .form-group textarea.form-control {
    height: 160px;
    padding-top: 12px
}

.sep-list-pro-form-boxs .form-group .btn-primary {
    line-height: 30px;
    padding: 10px 40px;
    background: #544627;
    border: none;
    color: #fff;
    position: relative;
    outline: none;
    max-width: 100%;
    margin-top: 20px;
    border-radius: 27px
}

.sep-list-pro-form-boxs .form-group .btn-primary i {
    color: inherit;
    margin-left: 12px
}

.sep-list-pro-form-boxs .form-group .btn-primary .i-imgs {
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px
}

.sep-list-pro-form-boxs .form-group .btn-primary:hover {
    background: #f98609
}

.sep-list1-pro-list {
    width: 100%
}

.sep-list1-pro-list .p-boxs {
    margin: 0 -15px
}

.sep-list1-pro-list .p-lists {
    width: calc(33.33333% - 30px);
    margin: 0 15px 30px;
    justify-content: center
}

.sep-list1-pro-list .thumbs {
    border-radius: 16px
}

.sep-list1-pro-list .titles-a {
    width: auto;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: 210px;
    min-height: 44px;
    border-radius: 22px;
    background: #f98609;
    color: #fff;
    line-height: 22px;
    padding: 0 8px
}

.sep-list1-pro-list .titles-a .i {
    width: 26px;
    height: 26px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 8px;
    border: 1px solid #fff
}

.sep-list1-pro-list .titles-a .i i {
    width: 20px;
    height: 1px;
    position: relative
}

.sep-list1-pro-list .titles-a .i i:before {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    position: absolute;
    top: 50%;
    margin-top: -4px;
    right: 8px
}

.sep-list1-pro-list .titles-a .i i:after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #fff;
    position: absolute;
    left: -20px;
    top: 0;
    opacity: 0;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.sep-list1-pro-list .titles-a:hover {
    background: #544627
}

.sep-list1-pro-list .titles-a:hover .i {
    border-color: transparent
}

.sep-list1-pro-list .titles-a:hover .i i:before {
    right: 1px
}

.sep-list1-pro-list .titles-a:hover .i i:after {
    left: 0;
    opacity: 1
}

.sep-list1-pro-list .richtext {
    width: auto
}

.sep-list1-pro-selected-list {
    width: 100%;
    justify-content: space-between;
    align-items: center
}

.sep-list1-pro-selected-list .thumbs {
    width: calc(60% - 12px)
}

.sep-list1-pro-selected-list .lis-boxs {
    width: calc(40% - 30px)
}

.sep-list1-pro-selected-list .p-lists {
    padding-bottom: 80px;
    position: relative;
    padding-left: 40px
}

.sep-list1-pro-selected-list .p-lists:after {
    content: '';
    display: block;
    width: 1px;
    height: calc(100% - 30px);
    position: absolute;
    left: 0;
    top: 30px;
    background: rgba(0,0,0,0.15)
}

.sep-list1-pro-selected-list .p-lists:last-child {
    padding-bottom: 15px
}

.sep-list1-pro-selected-list .nums {
    width: 30px;
    height: 30px;
    position: absolute;
    left: -15px;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid rgba(0,0,0,0.15);
    color: #000;
    border-radius: 100%
}

.sep-list1-pro-selected-list .titles-a {
    color: #544627;
    line-height: 30px
}

.sep-list1-pro-selected-list .richtext ul li {
    margin-bottom: 0
}

.sep-list1-pro-interior-list {
    width: 100%;
    justify-content: space-between;
    align-items: center
}

.sep-list1-pro-interior-list .thumbs {
    width: calc(50% - 12px)
}

.sep-list1-pro-interior-list .lis-boxs {
    width: calc(50% - 12px)
}

.sep-list1-pro-interior-list .p-lists {
    position: relative;
    padding-left: 55px;
    margin-bottom: 10px
}

.sep-list1-pro-interior-list .p-lists:last-child {
    margin-bottom: 0
}

.sep-list1-pro-interior-list .p-lists:nth-child(1) .nums {
    background: #575bff
}

.sep-list1-pro-interior-list .p-lists:nth-child(3) .nums {
    background: #f98609
}

.sep-list1-pro-interior-list .p-lists:nth-child(5) .nums {
    background: #01aef0
}

.sep-list1-pro-interior-list .nums {
    width: 30px;
    height: 30px;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 100%;
    background: #544627
}

.sep-list1-pro-interior-list .titles-a {
    color: #544627;
    line-height: 30px
}

.sep-list1-pro-our-list {
    width: 100%
}

.sep-list1-pro-our-list .swiper-container {
    padding: 10px 80px
}

.sep-list1-pro-our-list .swiper-wrapper {
    -webkit-transition-timing-function: linear !important;
    -moz-transition-timing-function: linear !important;
    -ms-transition-timing-function: linear !important;
    -o-transition-timing-function: linear !important;
    transition-timing-function: linear !important
}

.sep-list1-pro-our-list .p-lists {
    width: calc(25% - 20px);
    margin-right: 20px;
    display: flex;
    flex-wrap: wrap;
    box-shadow: 0 5px 5px 0 rgba(0,0,0,0.2);
    background: #fff;
    overflow: hidden;
    border-radius: 16px
}

.sep-list1-pro-our-list .lis-boxs {
    width: 100%;
    flex-grow: 1;
    align-content: space-between;
    padding: 20px 15px
}

.sep-list1-pro-our-list .lis-boxs.ons1 {
    min-height: 130px
}

.sep-list1-pro-our-list .titles-a {
    color: #544627
}

.sep-list1-pro-our-list .richtext {
    margin-top: 15px
}

.sep-detail-pro-thumbs {
    width: 100%
}

.sep-detail-pro-thumbs .imgs {
    width: calc(50% - 80px)
}

.sep-detail-pro-thumbs .thumbs {
    background: #fff;
    border-radius: 16px
}

.sep-detail-pro-thumbs .thumbs.ons {
    height: 450px
}

.sep-detail-pro-thumbs .imgs-rights {
    width: calc(50% + 80px);
    padding-left: 76px
}

.sep-detail-pro-thumbs .lr-lists-boxs .lr-lists {
    width: 30px;
    height: 60px;
    position: absolute;
    top: 50%;
    margin-top: -30px;
    text-align: center;
    z-index: 30;
    cursor: pointer;
    background: #544627;
    opacity: .3;
    display: flex;
    align-items: center;
    justify-content: center
}

.sep-detail-pro-thumbs .lr-lists-boxs .lr-lists i {
    color: #fff;
    font-size: 18px
}

.sep-detail-pro-thumbs .lr-lists-boxs .lr-lists.lr-lefts {
    left: 0
}

.sep-detail-pro-thumbs .lr-lists-boxs .lr-lists.lr-rights {
    right: 0
}

.sep-detail-pro-thumbs .lr-lists-boxs .lr-lists:hover {
    opacity: 1
}

.sep-detail-pro-thumbs .i-fd-imgs {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 40
}

.sep-detail-pro-thumbs .richtext ul {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-top: 24px
}

.sep-detail-pro-thumbs .richtext ul li {
    width: 50%;
    padding-left: 16px;
    margin-bottom: 0
}

.sep-detail-pro-thumbs .richtext ul li:before {
    display: none
}

.sep-detail-pro-thumbs .richtext ul li:after {
    content: '';
    display: block;
    width: 6px;
    height: 2px;
    background: #666;
    position: absolute;
    left: 0;
    top: 19px
}

.sep-duotus-ul-boxs {
    width: 100%;
    margin-top: 14px;
    padding: 0 13px
}

.sep-duotus-ul-boxs img {
    max-width: 100%;
    max-height: 100%
}

.sep-duotus-ul-boxs .swiper-container {
    width: 100%
}

.sep-duotus-ul-boxs li {
    border: 1px solid transparent;
    overflow: hidden;
    background: #fff;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    width: calc(33.3333% - 10px);
    margin-right: 10px;
    border-radius: 12px
}

.sep-duotus-ul-boxs li.ons {
    height: 136px
}

.sep-duotus-ul-boxs li.swiper-slide-thumb-active {
    border-color: #544627
}

.sep-siderbar {
    width: 100%;
    position: sticky;
    top: 100px
}

.sep-siderbar .sep-siderbar-titles {
    display: block;
    width: 100%;
    color: #343434;
    line-height: 1.2;
    position: relative;
    padding-left: 26px;
    margin-bottom: 20px
}

.sep-siderbar .sep-siderbar-titles::before {
    content: '';
    display: block;
    width: 4px;
    height: 30px;
    background: #544627;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -15px
}

.sep-siderbar a.sep-siderbar-titles:hover {
    color: #544627
}

.sep-siderbar .side-list {
    margin-bottom: 13px
}

.sep-siderbar .side-list:last-child {
    margin-bottom: 0
}

.sep-siderbar-list {
    width: 100%;
    border: 1px solid #e5e5e5
}

.sep-siderbar-list>ul>li {
    margin-bottom: 2px
}

.sep-siderbar-list>ul>li:last-child {
    margin-bottom: 0
}

.sep-siderbar-list>ul>li>a {
    display: block;
    width: 100%;
    line-height: 30px;
    color: #333;
    padding: 25px;
    position: relative;
    padding-right: 60px;
    background: #f6f6f6
}

.sep-siderbar-list>ul>li>a .i-boxs {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 25px;
    right: 24px;
    text-align: center
}

.sep-siderbar-list>ul>li>a .i-boxs i {
    display: block;
    width: 16px;
    height: 2px;
    background: #544627;
    position: absolute;
    top: 50%;
    margin-top: -1px;
    left: 50%;
    margin-left: -8px
}

.sep-siderbar-list>ul>li>a .i-boxs i:after {
    content: '';
    display: block;
    width: 2px;
    height: 16px;
    background: #544627;
    position: absolute;
    top: 50%;
    margin-top: -8px;
    left: 50%;
    margin-left: -1px
}

.sep-siderbar-list>ul>li:hover>a {
    color: #fff;
    background: #544627
}

.sep-siderbar-list>ul>li:hover>a .i-boxs i {
    background: #fff
}

.sep-siderbar-list>ul>li:hover>a .i-boxs i:after {
    background: #fff
}

.sep-siderbar-list>ul>li.active>a {
    color: #fff;
    background: #544627
}

.sep-siderbar-list>ul>li.active>a .i-boxs i {
    background: #fff
}

.sep-siderbar-list>ul>li.active>a .i-boxs i:after {
    background: #fff;
    display: none
}

.sep-siderbar-list>ul>li.activess>ul {
    display: block
}

.sep-siderbar-list>ul>li>ul {
    padding: 16px 0;
    display: none;
    position: relative
}

.sep-siderbar-list>ul>li>ul>li>a {
    display: block;
    width: 100%;
    line-height: 30px;
    color: #666;
    padding: 8px 25px;
    position: relative
}

.sep-siderbar-list>ul>li>ul>li>a .i-boxs {
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 8px;
    right: 24px
}

.sep-siderbar-list>ul>li>ul>li>a .i-boxs i {
    color: #666;
    font-size: 20px
}

.sep-siderbar-list>ul>li>ul>li:hover>a {
    color: #f98609
}

.sep-siderbar-list>ul>li>ul>li:hover>a .i-boxs i {
    color: #f98609
}

.sep-siderbar-list>ul>li>ul>li.active>a {
    color: #f98609
}

.sep-siderbar-list>ul>li>ul>li.active>a .i-boxs {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.sep-siderbar-list>ul>li>ul>li.active>a .i-boxs i {
    color: #f98609
}

.sep-siderbar-list>ul>li>ul>li.activess>ul {
    display: block
}

.sep-siderbar-list>ul>li>ul>li>ul {
    padding: 8px 0;
    display: none;
    position: relative
}

.sep-siderbar-list>ul>li>ul>li>ul>li>a {
    display: block;
    width: 100%;
    line-height: 24px;
    color: #666;
    padding: 6px 25px;
    padding-left: 40px;
    position: relative
}

.sep-siderbar-list>ul>li>ul>li>ul>li>a:before {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background: #666;
    position: absolute;
    left: 25px;
    top: 15px
}

.sep-siderbar-list>ul>li>ul>li>ul>li:hover>a {
    color: #f98609
}

.sep-siderbar-list>ul>li>ul>li>ul>li:hover>a:before {
    background: #f98609
}

.sep-siderbar-list>ul>li>ul>li>ul>li.active>a {
    color: #f98609
}

.sep-siderbar-list>ul>li>ul>li>ul>li.active>a:before {
    background: #f98609
}

.sep-detail-video-boxs .i-video {
    display: table;
    border-radius: 100%;
    border: 1px solid #544627;
    padding: 26px;
    margin: auto
}

.sep-detail-video-boxs .i-video i {
    width: 83px;
    height: 83px;
    border-radius: 100%;
    position: relative
}

.sep-detail-video-boxs .i-video:hover {
    border-color: #fff
}

.sep-detail-video-boxs .lis-boxs {
    width: 100%;
    padding-left: 56px;
    position: relative
}

.sep-detail-video-boxs .titles-a {
    color: #544627
}

.sep-detail-video-boxs .titles-a:before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    border: 14px solid transparent;
    border-left-width: 24px;
    border-right-width: 0;
    border-left-color: #544627
}

.sep-detail-video-boxs .richtext {
    color: rgba(255,255,255,0.6);
    margin-top: 26px
}

.sep-detail-pro-features-list {
    width: 100%
}

.sep-detail-pro-features-list .p-lists {
    width: 100%;
    position: relative;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 20px
}

.sep-detail-pro-features-list .p-lists:last-child {
    margin-bottom: 0
}

.sep-detail-pro-features-list .p-lists:hover .nums {
    color: #fff;
    box-shadow: 0 0 0 8px rgba(255,164,15,0.3);
    background: #544627
}

.sep-detail-pro-features-list .p-lists:hover .richtext {
    font-family: inherit
}

.sep-detail-pro-features-list .nums {
    width: 98px;
    height: 78px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #544627;
    font-size: 44px;
    box-shadow: 0 0 0 2px rgba(255,164,15,0.3);
    margin-top: 5px
}

.sep-detail-pro-features-list .lis-boxs {
    width: calc(100% - 115px);
    align-items: center;
    background: #f6f6f6;
    padding: 0 36px;
    min-height: 83px
}

.mores-d-boxs .mores {
    margin-top: 10px;
    margin-right: 32px;
    padding: 10px 25px;
    color: #544627;
    line-height: 30px;
    border: 1px solid #544627;
    border-radius: 27px;
    display: inline-block;
    vertical-align: top
}

.mores-d-boxs .mores i {
    margin-left: 12px;
    color: inherit;
    font-size: inherit
}

.mores-d-boxs .mores .i-imgs {
    display: inline-block;
    vertical-align: top;
    line-height: 30px;
    margin-right: 10px
}

.mores-d-boxs .mores .i-imgs img {
    max-width: 100%
}

.mores-d-boxs .mores:nth-child(2) {
    padding: 11px 34px
}

.mores-d-boxs .mores:last-child {
    margin-right: 0
}

.mores-d-boxs .mores:hover {
    background: #f98609;
    border-color: #f98609;
    color: #fff
}

.mores-d-boxs .mores.active {
    background: #544627;
    border-color: #544627;
    color: #fff
}

.mores-d-boxs .mores.active:hover {
    background: #f98609;
    border-color: #f98609
}

.sep-company-boxs {
    width: 100%;
    position: relative;
    align-items: flex-start
}

.sep-company-boxs .thumbs {
    width: 50%;
    justify-content: space-between;
    align-items: initial
}

.sep-company-boxs .lis-boxs {
    width: 50%;
    padding-right: 50px
}

.sep-company-boxs .p-lists {
    width: calc(51% - 8px);
    align-content: space-between
}

.sep-company-boxs .p-lists:nth-child(1) {
    width: calc(49% - 8px)
}

.sep-company-boxs .t-boxs {
    width: 100%;
    margin-top: 10px
}

.sep-company-we-are-list {
    width: 100%
}

.sep-company-we-are-list .p-boxs {
    margin: 0 -12px
}

.sep-company-we-are-list .thumbs {
    justify-content: left
}

.sep-company-we-are-list .p-lists {
    width: calc(33.3333% - 24px);
    margin: 0 12px 24px
}

.sep-company-working-list {
    width: 100%
}

.sep-company-working-list .p-boxs {
    margin: 0 -40px
}

.sep-company-working-list .p-lists {
    width: calc(33.3333% - 80px);
    margin: 0 40px
}

.sep-company-working-list .p-lists:before {
    content: '';
    display: block;
    width: 180px;
    height: 1px;
    border-bottom: 1px dashed #544627;
    position: absolute;
    right: 100%;
    margin-right: -50px;
    top: 36px
}

.sep-company-working-list .p-lists:nth-child(3n+1):before {
    display: none
}

.sep-company-working-list .i-imgs {
    width: 74px;
    height: 74px;
    border-radius: 100%;
    background: rgba(255,164,15,0.2);
    margin: auto;
    padding: 8px;
    position: relative
}

.sep-company-working-list .i-imgs .t-boxs1 {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    background: rgba(255,164,15,0.5);
    padding: 9px;
    border-radius: 100%
}

.sep-company-working-list .i-imgs .t-boxs2 {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    background: #544627;
    border-radius: 100%;
    text-align: center;
    line-height: 40px;
    font-size: 20px;
    color: #fff
}

.sep-company-working-hover-list {
    width: 100%
}

.sep-company-working-hover-list .p-boxs {
    margin: 0 -5px
}

.sep-company-working-hover-list .p-lists {
    width: calc(33.33333% - 10px);
    margin: 0 5px 10px;
    background: #f98609;
    padding: 40px 25px;
    position: relative;
    align-items: center
}

.sep-company-working-hover-list .p-lists:hover .thumbs-boxs {
    opacity: 0
}

.sep-company-working-hover-list .richtext {
    color: #fff
}

.sep-company-working-hover-list .richtext a {
    color: #fff !important
}

.sep-company-working-hover-list .richtext a:hover {
    color: #fff !important;
    opacity: .8
}

.sep-company-working-hover-list .thumbs-boxs {
    width: 100%;
    height: 100%;
    padding: 40px 25px;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    background: #544627;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 20
}

.sep-company-working-hover-list .nums {
    width: 100%;
    line-height: 1;
    color: #fff
}

.sep-company-working-hover-list .titles-a {
    line-height: 1.32;
    color: #fff
}

.sep-inner-yattll-news {
    width: 100%
}

.sep-inner-yattll-news .p-lists {
    width: 100%;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #e6e6e6
}

.sep-inner-yattll-news .p-lists:last-child {
    margin-bottom: 0
}

.sep-inner-yattll-news .thumbs {
    width: 200px;
    margin-right: 20px;
    margin-bottom: 20px;
    float: left
}

.sep-inner-yattll-news .lis-boxs {
    display: inline
}

.sep-inner-yattll-news .titles-a {
    color: #143a51;
    line-height: 1.32
}

.sep-inner-yattll-news .titles-a:hover {
    color: #f98609
}

.sep-inner-yattll-news .spans {
    margin-top: 15px
}

.sep-inner-yattll-news .times {
    margin-top: 15px;
    line-height: 24px
}

.sep-inner-yattll-news .mores {
    display: block;
    color: #143a51
}

.sep-inner-yattll-news .mores:hover {
    color: #f98609
}

.sep-inner-service-list {
    width: 100%
}

.sep-inner-service-list .p-lists {
    width: 100%;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 100px
}

.sep-inner-service-list .p-lists:last-child {
    margin-bottom: 0
}

.sep-inner-service-list .p-lists:nth-child(odd) .lis-boxs {
    padding: 0 60px
}

.sep-inner-service-list .p-lists:nth-child(even) {
    flex-direction: row-reverse
}

.sep-inner-service-list .p-lists:nth-child(even) .lis-boxs {
    padding-right: 60px
}

.sep-inner-service-list .thumbs {
    width: calc(50% - 20px)
}

.sep-inner-service-list .lis-boxs {
    width: calc(50% - 20px)
}

.sep-inner-service-list .titles-a {
    line-height: 1.32;
    padding-bottom: 12px
}

.sep-inner-service-list .titles-a:after {
    content: '';
    display: block;
    width: 400px;
    height: 1px;
    background: #eee;
    position: absolute;
    left: 0;
    bottom: 0
}

.sep-inner-service-list .titles-a:before {
    content: '';
    display: block;
    width: 100px;
    height: 3px;
    background: #544627;
    position: absolute;
    left: 0;
    bottom: -1px;
    z-index: 30
}

.sep-inner-catalog-list {
    width: 100%
}

.sep-inner-catalog-list .p-boxs {
    margin: 0 -15px
}

.sep-inner-catalog-list .p-lists {
    width: calc(25% - 30px);
    margin: 0 15px 30px
}

.sep-inner-catalog-list .p-lists.ons1 {
    width: calc(33.3333% - 30px)
}

.sep-inner-catalog-list .titles-a {
    text-align: center;
    line-height: 1.32;
    margin-top: 15px
}

.sep-inner-catalog-list .titles-a:hover {
    color: #544627
}

.sep-inner-video-list {
    width: 100%
}

.sep-inner-video-list .p-boxs {
    margin: 0 -15px
}

.sep-inner-video-list .p-lists {
    width: calc(33.3333% - 30px);
    margin: 0 15px 30px
}

.sep-inner-video-list .p-lists.ons1 {
    width: calc(25% - 30px)
}

.sep-inner-video-list .p-lists.ons2 {
    width: calc(50% - 30px)
}

.sep-inner-video-list .p-lists.hover:hover .titles-a {
    color: #f98609
}

.sep-inner-video-list .thumbs {
    position: relative;
    border-radius: 16px
}

.sep-inner-video-list .thumbs.ons {
    height: 240px
}

.sep-inner-video-list .thumbs i {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: red;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -18px;
    margin-top: -18px;
    z-index: 20;
    font-size: 32px;
    opacity: .6
}

.sep-inner-video-list .thumbs i:hover {
    opacity: 1
}

.sep-inner-video-list .titles-a {
    text-align: center;
    line-height: 1.32;
    margin-top: 20px
}

.sep-inner-video-list .titles-a:hover {
    color: #f98609
}

.sep-inner-gallery-list {
    width: 100%
}

.sep-inner-gallery-list .p-boxs {
    margin: 0 -15px
}

.sep-inner-gallery-list .p-lists {
    width: calc(33.3333% - 30px);
    margin: 0 15px 30px
}

.sep-inner-gallery-list .p-lists.ons1 {
    width: calc(25% - 30px)
}

.sep-inner-gallery-list .p-lists.ons2 {
    width: calc(50% - 30px)
}

.sep-inner-gallery-list .thumbs {
    position: relative;
    border-radius: 16px
}

.sep-inner-gallery-list .thumbs.ons {
    height: 240px
}

.sep-inner-gallery-list .titles-a {
    text-align: center;
    line-height: 1.32;
    margin-top: 20px
}

.sep-inner-gallery-list .titles-a:hover {
    color: #544627
}

.sep-faq-list3.ons {
    margin-top: 20px
}

.sep-faq-list3 li {
    margin-bottom: 20px
}

.sep-faq-list3 li:nth-child(1) .faq-answer {
    display: block
}

.sep-faq-list3 li.active .faq-question .q {
    background: #544627
}

.sep-faq-list3 li.active .faq-question i.ons1 {
    display: none
}

.sep-faq-list3 li.active .faq-question i.ons2 {
    display: inline-block
}

.sep-faq-list3 li .faq-question {
    position: relative;
    min-height: 42px;
    padding-left: 40px;
    background: #f0f0f0;
    cursor: pointer
}

.sep-faq-list3 li .faq-question .q {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    color: #ebebeb;
    background: #9d9d9d;
    width: 40px;
    height: 42px;
    text-align: center;
    line-height: 42px;
    font-weight: bold;
    font-size: 16px
}

.sep-faq-list3 li .faq-question .span.title {
    color: #333;
    font-size: 16px;
    padding: 6px 15px;
    display: inline-block;
    line-height: 30px;
    padding-right: 45px
}

.sep-faq-list3 li .faq-question i {
    position: absolute;
    right: 13px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer
}

.sep-faq-list3 li .faq-question i.ons2 {
    display: none
}

.sep-faq-list3 li .faq-answer {
    color: #292929;
    line-height: 1.8em;
    padding: 30px 0;
    padding-bottom: 10px;
    display: none
}

.sep-contact-boxs {
    width: 100%
}

.sep-contact-boxs.items-cens {
    align-items: center
}

.sep-contact-boxs .pp-lists {
    width: 50%
}

.sep-contact-boxs .pp-lists.ons1 {
    width: 62%
}

.sep-contact-boxs .pp-lists.ons1.p-rights {
    width: 38%;
    padding-left: 50px
}

.sep-contact-boxs .pp-lists.p-rights {
    padding-left: 50px
}

.sep-contact-boxs .pp-lists.p-lefts {
    padding-right: 10%
}

.sep-contact-boxs .p-lists {
    width: 100%;
    margin-bottom: 30px;
    position: relative;
    padding-left: 32px
}

.sep-contact-boxs .p-lists:last-child {
    margin-bottom: 0
}

.sep-contact-boxs .i-imgs {
    min-width: 20px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    line-height: 30px
}

.sep-contact-boxs .i-imgs i {
    color: #544627;
    font-size: 20px
}

.sep-contact-boxs a.p-lists:hover .spans {
    color: #f98609
}

.sep-contact-boxs .titles-a {
    color: #544627;
    line-height: 30px
}

.sep-contact-boxs .spans {
    margin-top: 10px
}

.sep-contact-boxs .mores-boxs {
    width: 100%
}

.sep-contact-boxs .mores-boxs .mores {
    display: inline-block;
    vertical-align: top;
    padding: 8px 30px;
    line-height: 30px;
    border-radius: 24px;
    background: #544627;
    color: #fff
}

.sep-contact-boxs .mores-boxs .mores:hover {
    background: #f98609
}

.sep-fixed-boxs {
    width: 100%;
    height: 100%;
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 10000000;
    background: rgba(0,0,0,0.5)
}

.sep-fixed-boxs .fixed-boxs {
    width: 100%;
    max-width: 600px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.sep-fixed-boxs .i-boxs {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    text-align: center;
    align-items: center;
    background: #fff;
    color: #333;
    position: absolute;
    top: -20px;
    right: -20px;
    cursor: pointer
}

.sep-fixed-boxs .i-boxs:hover {
    color: #544627
}

.sep-fixed-boxs .richtext {
    width: 100%
}

.sep-gallery-top-list {
    width: 100%;
    justify-content: left
}

.sep-gallery-top-list .p-lists {
    display: flex;
    align-items: center;
    font-size: 16px;
    border: 2px solid #ddd;
    padding: 8px 20px;
    line-height: 30px;
    margin-right: 20px;
    margin-bottom: 20px
}

.sep-gallery-top-list .p-lists:last-child {
    margin-right: 0
}

.sep-gallery-top-list .p-lists:hover,.sep-gallery-top-list .p-lists.active {
    border-color: #544627;
    background: #544627;
    color: #fff
}

.sep-gallery-hide-list {
    width: 100%
}

.sep-gallery-hide-list .hide-lists {
    width: 100%;
    height: 0;
    overflow: hidden
}

.sep-gallery-hide-list .hide-lists.active {
    height: auto
}

.sep-in-honor-list .p-boxs {
    margin: 0 -15px
}

.sep-in-honor-list .p-boxs .p-lists {
    width: calc(33.333% - 30px);
    margin: 0 15px 30px
}

.sep-in-honor-list .p-boxs .p-lists.ons1 {
    width: calc(25% - 30px)
}

.sep-in-honor-list .p-boxs .p-lists.ons2 {
    width: calc(50% - 30px)
}

.sep-in-honor-list .p-lists {
    width: 100%
}

.sep-in-honor-list .titles-a {
    line-height: 1.32;
    color: #333
}

.sep-in-honor-list .lr-boxs .lr-lists {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    border-radius: 100%;
    background: #544627;
    z-index: 30
}

.sep-in-honor-list .lr-boxs .lr-lists i {
    display: block;
    width: 20px;
    height: 20px;
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    margin-top: -10px;
    left: 50%
}

.sep-in-honor-list .lr-boxs .lr-lists.lr-lefts {
    left: -70px
}

.sep-in-honor-list .lr-boxs .lr-lists.lr-lefts i {
    border-left: 3px solid #fff;
    border-bottom: 3px solid #fff;
    margin-left: -5px
}

.sep-in-honor-list .lr-boxs .lr-lists.lr-rights {
    right: -70px
}

.sep-in-honor-list .lr-boxs .lr-lists.lr-rights i {
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    margin-left: -15px
}

.sep-in-honor-list .lr-boxs .lr-lists:hover {
    box-shadow: 0 0 6px #544627
}

.sep-in-honor-list .swiper-pagination {
    position: relative;
    left: auto;
    bottom: auto;
    width: 100%;
    height: 10px;
    display: flex;
    justify-content: center;
    background: rgba(0,57,99,0.1);
    border-radius: 5px
}

.sep-in-honor-list .swiper-pagination span {
    width: 100%;
    height: 10px;
    border-radius: 5px;
    background: #544627;
    opacity: 0;
    margin: 0
}

.sep-in-honor-list .swiper-pagination span.swiper-pagination-bullet-active {
    opacity: 1
}

.sep-in-article-list {
    width: 100%
}

.sep-in-article-list .p-lists {
    width: 100%;
    display: flex;
    line-height: 30px;
    color: #333;
    margin-bottom: 12px
}

.sep-in-article-list .p-lists:last-child {
    margin-bottom: 0
}

.sep-in-article-list .p-lists a {
    color: inherit;
    line-height: inherit;
    font-size: inherit;
    margin-left: 5px
}

.sep-in-article-list .p-lists a:hover {
    color: #f98609
}

.sep-in-detail-f-list {
    width: 100%
}

.sep-in-detail-f-list .swiper-container {
    overflow: initial
}

.sep-in-detail-f-list .p-lists {
    width: 100%;
    align-items: center;
    opacity: 0
}

.sep-in-detail-f-list .swiper-slide-active {
    opacity: 1
}

.sep-in-detail-f-list .lis-boxs {
    width: 50%;
    position: relative;
    z-index: 12
}

.sep-in-detail-f-list .t-boxs {
    width: calc(100% + 100px);
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    padding: 60px 160px 60px 60px;
    border-left: 2px solid #544627
}

.sep-in-detail-f-list .thumbs {
    width: 50%;
    position: relative;
    z-index: 30
}

.sep-in-detail-f-list .swiper-pagination {
    width: 100%;
    position: relative !important;
    left: auto !important;
    text-align: center;
    color: #fff;
    bottom: auto !important;
    display: flex;
    justify-content: center
}

.sep-in-detail-f-list .swiper-pagination span {
    width: 14px;
    height: 14px;
    border-radius: 100%;
    background: none;
    margin: 0 10px;
    position: relative;
    z-index: 20;
    background: #544627;
    opacity: .5
}

.sep-in-detail-f-list .swiper-pagination span.swiper-pagination-bullet-active {
    opacity: 1;
    background: #544627
}

.sep-in-solution-list {
    width: 100%
}

.sep-in-solution-list .p-boxs {
    margin: 0 -20px
}

.sep-in-solution-list .p-lists {
    width: calc(50% - 40px);
    margin: 0 20px 40px;
    background-color: #f1f5fb;
    position: relative
}

.sep-in-solution-list .lis-boxs {
    width: 100%;
    padding: 40px 25px 114px
}

.sep-in-solution-list .titles-a {
    text-align: center;
    color: #333;
    line-height: 1.32
}

.sep-in-solution-list .titles-a:hover {
    color: #544627
}

.sep-in-solution-list .mores-boxs {
    width: 100%;
    position: absolute;
    left: 25px;
    bottom: 40px
}

.sep-in-solution-list .mores-boxs .mores {
    padding: 6px 25px;
    background: #544627;
    border: 1px solid #544627;
    color: #fff;
    border-radius: 20px
}

.sep-in-solution-list .mores-boxs .mores i {
    color: inherit;
    margin-right: 10px
}

.sep-in-solution-list .mores-boxs .mores:hover {
    background: none;
    color: #544627
}

.sep-in-solu-detail-thumb-list {
    width: 100%;
    justify-content: space-between
}

.sep-in-solu-detail-thumb-list.ons1 .thumbs {
    width: 100%
}

.sep-in-solu-detail-thumb-list.ons1 .lis-boxs {
    width: 100%
}

.sep-in-solu-detail-thumb-list .thumbs {
    width: 45%
}

.sep-in-solu-detail-thumb-list .lis-boxs {
    width: calc(50% - 30px)
}

.sep-in-solu-detail-thumb-list .swiper-pagination {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 15px;
    display: flex;
    justify-content: center
}

.sep-in-solu-detail-thumb-list .swiper-pagination span {
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background: #544627;
    opacity: .5;
    margin: 0 5px
}

.sep-in-solu-detail-thumb-list .swiper-pagination span.swiper-pagination-bullet-active {
    background: #544627;
    opacity: 1
}

.sep-in-solu-adv-list {
    width: 100%;
    justify-content: space-between;
    align-items: flex-start
}

.sep-in-solu-adv-list .adv-lefts {
    width: 50%
}

.sep-in-solu-adv-list .adv-lefts .imgs {
    width: calc(100% - 36px);
    margin-left: auto
}

.sep-in-solu-adv-list .adv-lefts .imgs:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: #544627;
    position: absolute;
    left: -36px;
    top: 36px;
    z-index: 6
}

.sep-in-solu-adv-list .adv-lefts .thumbs {
    position: relative;
    z-index: 12
}

.sep-in-solu-adv-list .adv-rights {
    width: calc(50% - 45px);
    justify-content: space-between
}

.sep-in-solu-adv-list .adv-rights .p-lists {
    width: calc(50% - 15px);
    margin-bottom: 30px;
    padding: 50px 22px 40px;
    box-shadow: 0 0 8px 0 rgba(0,0,0,0.13);
    text-align: center
}

.sep-in-solu-adv-list .adv-rights .p-lists:hover {
    background: #544627
}

.sep-in-solu-adv-list .adv-rights .p-lists:hover .titles-a {
    color: #fff
}

.sep-in-solu-adv-list .adv-rights .p-lists:hover .richtext {
    color: #fff
}

.sep-in-solu-adv-list .adv-rights .i-imgs {
    width: 100%;
    height: 40px
}

.sep-in-solu-adv-list .adv-rights .titles-a {
    margin: 16px 0 8px;
    line-height: 30px;
    color: #333
}

.sep-in-solu-feature-list {
    width: 100%
}

.sep-in-solu-feature-list .p-lists {
    width: 100%;
    margin-bottom: 60px;
    align-items: center;
    justify-content: space-between
}

.sep-in-solu-feature-list .p-lists:nth-child(even) {
    flex-direction: row-reverse
}

.sep-in-solu-feature-list .p-lists:last-child {
    margin-bottom: 0
}

.sep-in-solu-feature-list .thumbs {
    width: 50%
}

.sep-in-solu-feature-list .lis-boxs {
    width: calc(50% - 60px)
}

.sep-in-ab-culture-list {
    width: 100%;
    align-items: center;
    justify-content: space-between
}

.sep-in-ab-culture-list .thumbs {
    width: 42%
}

.sep-in-ab-culture-list .lis-boxs {
    width: calc(58% - 50px)
}

.sep-in-ab-honor-list {
    width: 100%
}

.sep-in-ab-honor-list .ab-lefts {
    width: calc(50% - 40px);
    padding-right: 50px;
    z-index: 20;
    align-content: space-between
}

.sep-in-ab-honor-list .nums1 {
    width: 100%;
    line-height: .8;
    color: transparent;
    -webkit-text-stroke: 1px #544627;
    -moz-text-stroke: 1px #544627;
    -ms-text-stroke: 1px #544627;
    -o-text-stroke: 1px #544627;
    text-stroke: 1px #544627
}

.sep-in-ab-honor-list .t-boxs {
    width: 100%
}

.sep-in-ab-honor-list .ab-rights {
    width: 50%;
    position: relative;
    z-index: 11
}

.sep-in-ab-honor-list .ab-rights::before {
    content: '';
    display: block;
    width: 300%;
    height: 100%;
    background: #fff;
    position: absolute;
    right: 100%;
    top: 0;
    z-index: 12
}

.sep-in-ab-honor-list .ab-rights .p-lists {
    width: calc(50% - 20px)
}

.sep-in-ab-honor-list .ab-rights .p-lists:hover .titles-a {
    background: #544627;
    color: #fff
}

.sep-in-ab-honor-list .ab-rights .p-lists:hover .nums {
    color: #fff
}

.sep-in-ab-honor-list .ab-rights .titles-a {
    min-height: 80px;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    line-height: 1.32;
    border: solid 1px #e6e6e6
}

.sep-in-ab-honor-list .ab-rights .nums {
    color: #999;
    margin-right: 20px;
    line-height: 1
}

.sep-in-ab-honor-list .swiper-container {
    width: calc(100% + 100px);
    overflow: initial;
    z-index: 10
}

.sep-in-ab-honor-list .lr-boxs {
    width: 100px;
    height: 40px;
    position: relative
}

.sep-in-ab-honor-list .lr-boxs .lr-lists {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #544627;
    background: #544627;
    position: absolute;
    top: 0;
    margin: 0
}

.sep-in-ab-honor-list .lr-boxs .lr-lists i {
    font-size: 24px;
    color: #fff
}

.sep-in-ab-honor-list .lr-boxs .lr-lists.lr-lefts {
    left: 0
}

.sep-in-ab-honor-list .lr-boxs .lr-lists.lr-rights {
    right: 0
}

.sep-in-ab-honor-list .lr-boxs .lr-lists:hover {
    background: none
}

.sep-in-ab-honor-list .lr-boxs .lr-lists:hover i {
    color: #544627
}

.sep-in-ab-factory-list {
    width: 100%
}

.sep-in-ab-factory-list .swiper-container {
    width: 100%;
    overflow: initial;
    z-index: 10;
    max-width: 640px;
    margin-left: auto;
    margin-right: auto
}

.sep-in-ab-factory-list .swiper-slide-active {
    transform: scale(1.2);
    z-index: 30;
    box-shadow: 0 -20px 30px 5px rgba(0,0,0,0.2)
}

.sep-in-ab-factory-list .lr-boxs {
    width: 100px;
    height: 40px;
    position: relative
}

.sep-in-ab-factory-list .lr-boxs .lr-lists {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #544627;
    background: #544627;
    position: absolute;
    top: 0;
    margin: 0
}

.sep-in-ab-factory-list .lr-boxs .lr-lists i {
    font-size: 24px;
    color: #fff
}

.sep-in-ab-factory-list .lr-boxs .lr-lists.lr-lefts {
    left: 0
}

.sep-in-ab-factory-list .lr-boxs .lr-lists.lr-rights {
    right: 0
}

.sep-in-ab-factory-list .lr-boxs .lr-lists:hover {
    background: none
}

.sep-in-ab-factory-list .lr-boxs .lr-lists:hover i {
    color: #544627
}

.sep-in-ab-history-list {
    width: 100%;
    position: relative;
    align-items: center
}

.sep-in-ab-history-list .his-titles {
    display: flex;
    align-items: center;
    color: #333;
    line-height: 30px;
    position: absolute;
    left: 0;
    top: 10px
}

.sep-in-ab-history-list .his-titles:after {
    content: '';
    display: block;
    flex: 1;
    width: auto;
    height: 1px;
    background: #544627;
    margin-left: 10px
}

.sep-in-ab-history-list .his-lefts {
    width: calc(100% - 180px);
    position: relative
}

.sep-in-ab-history-list .his-lefts .thumbs {
    width: 50%
}

.sep-in-ab-history-list .his-lefts .lis-boxs {
    width: 50%;
    padding-top: 50px;
    padding-right: 60px
}

.sep-in-ab-history-list .lr-boxs {
    width: 100px;
    height: 40px;
    position: relative
}

.sep-in-ab-history-list .lr-boxs .lr-lists {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #544627;
    background: #544627;
    position: absolute;
    top: 0;
    margin: 0
}

.sep-in-ab-history-list .lr-boxs .lr-lists i {
    font-size: 24px;
    color: #fff
}

.sep-in-ab-history-list .lr-boxs .lr-lists.lr-lefts {
    left: 0
}

.sep-in-ab-history-list .lr-boxs .lr-lists.lr-rights {
    right: 0
}

.sep-in-ab-history-list .lr-boxs .lr-lists:hover {
    background: none
}

.sep-in-ab-history-list .lr-boxs .lr-lists:hover i {
    color: #544627
}

.sep-in-ab-history-list .jis-rights {
    width: 180px;
    justify-content: flex-end;
    border-right: 1px solid #e6e6e6
}

.sep-in-ab-history-list .jis-rights .p-lists {
    width: 100%;
    justify-content: flex-end;
    padding: 10px 30px 10px 10px;
    color: #999;
    line-height: 1.2;
    position: relative
}

.sep-in-ab-history-list .jis-rights .p-lists.active {
    font-size: inherit;
    color: #544627;
    padding-right: 10px;
    font-family: inherit
}

.sep-in-ab-history-list .jis-rights .p-lists.active:after {
    content: '';
    display: block;
    width: 3px;
    height: 100%;
    background: #544627;
    position: absolute;
    right: -2px;
    top: 0
}

.sep-in-com-num-list {
    width: 100%
}

.sep-in-com-num-list .p-lists {
    width: 25%;
    padding: 0 15px
}

.sep-in-com-num-list .richtext {
    color: #000
}

.sep-in-com-cult-list {
    width: 100%
}

.sep-in-com-cult-list .p-lists {
    width: 25%;
    line-height: 40px;
    padding: 6px 20px;
    text-align: center;
    color: #fff;
    border-right: 2px solid #fff
}

.sep-in-com-cult-list .p-lists:last-child {
    border-right-color: transparent
}

.sep-in-project-nav-list {
    width: 100%;
    justify-content: center;
    text-align: center;
    position: relative;
    z-index: 20
}

.sep-in-project-nav-list .p-boxs .p-lists {
    margin-left: 0;
    margin-bottom: 10px
}

.sep-in-project-nav-list .p-boxs .p-lists:last-child {
    margin-right: 0
}

.sep-in-project-nav-list .p-lists {
    color: #333;
    line-height: 1.32;
    padding-bottom: 8px;
    position: relative;
    margin: 0 20px
}

.sep-in-project-nav-list .p-lists:hover,.sep-in-project-nav-list .p-lists.active {
    color: #544627
}

.sep-in-project-nav-list .p-lists:hover i,.sep-in-project-nav-list .p-lists.active i {
    width: 100%
}

.sep-in-project-nav-list i {
    width: 0;
    height: 3px;
    background: #f98609;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0
}

.sep-in-project-list {
    width: 100%
}

.sep-in-project-list.plr {
    padding-left: 50px;
    padding-right: 50px
}

.sep-in-project-list .p-boxs {
    margin: 0 -25px
}

.sep-in-project-list .p-lists {
    width: calc(33.33333% - 50px);
    margin: 0 25px 50px;
    transition: transform .32s ease,background-color .32s ease;
    border-radius: 16px;
    background: #000;
    background: #ebe7e0
}

.sep-in-project-list .p-lists:hover {
    transform: translateY(-4px);
    background: #f98609
}

.sep-in-project-list .p-lists:hover .titles-a {
    color: #fff
}

.sep-in-project-list .thumbs {
    border-radius: 16px
}

.sep-in-project-list .text-boxs {
    width: 100%;
    line-height: 1;
    color: #544627;
    position: absolute;
    left: 0;
    top: 6%;
    padding: 0 6%;
    z-index: 20
}

.sep-in-project-list .text-boxs img {
    margin: 0 5px
}

.sep-in-project-list a.text-boxs:hover {
    color: #f98609
}

.sep-in-project-list .titles-a {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #333;
    min-height: 102px;
    padding: 10px
}

.sep-list-boxs {
    width: 100%
}

.sep-list-boxs .sep-list {
    width: 100%;
    height: 0;
    overflow: hidden
}

.sep-list-boxs .sep-list.active {
    height: auto;
    overflow: initial
}

.sep-in-project-detail {
    width: 100%;
    justify-content: space-between
}

.sep-in-project-detail .thumbs {
    width: calc(50% - 40px);
    border-radius: 16px
}

.sep-in-project-detail .lis-boxs {
    width: calc(50% - 20px)
}

.sep-in-gallery-thumb-list {
    width: 100%
}

.sep-in-gallery-thumb-list .p-boxs {
    margin: 0 -15px
}

.sep-in-gallery-thumb-list .p-lists {
    width: calc(25% - 30px);
    margin: 0 15px 30px;
    position: relative;
    overflow: hidden
}

.sep-in-gallery-thumb-list .p-lists.ons1 {
    width: calc(33.33333% - 30px)
}

.sep-in-gallery-thumb-list .p-lists:hover .thumbs-boxs {
    top: 0
}

.sep-in-gallery-thumb-list .thumbs {
    border-radius: 16px
}

.sep-in-gallery-thumb-list .thumbs-boxs {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 20
}

.sep-in-gallery-thumb-list .titles-a {
    background: #544627;
    color: #fff;
    padding: 15px;
    text-transform: capitalize
}

.sep-in-company-factory-list {
    width: 100%
}

.sep-in-company-factory-list .p-lists {
    width: 25%
}

.sep-in-company-factory-list .swiper-wrapper {
    -webkit-transition-timing-function: linear !important;
    -moz-transition-timing-function: linear !important;
    -ms-transition-timing-function: linear !important;
    -o-transition-timing-function: linear !important;
    transition-timing-function: linear !important
}

.sep-in-company-factory-list .swiper-container {
    width: 100%
}

.sep-in-company-factory-list .swiper-scrollbar {
    width: 100%;
    max-width: 90%;
    height: 4px;
    background: #e1e4e6;
    position: relative;
    left: auto;
    bottom: auto;
    border-radius: 3px;
    margin-left: auto;
    margin-right: auto
}

.sep-in-company-factory-list .swiper-scrollbar .swiper-scrollbar-drag {
    background: #544627;
    border-radius: 3px;
    height: 4px
}

.sep-in-company-factory-list .swiper-scrollbar:hover .swiper-scrollbar-drag {
    background: #f98609
}

.sep-in-company-factory-list .lr-boxs .lr-lists {
    width: 44px;
    height: 44px;
    border-radius: 100%;
    background: #fff;
    position: absolute;
    top: 50%;
    margin-top: -22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #544627;
    z-index: 30
}

.sep-in-company-factory-list .lr-boxs .lr-lists i {
    font-size: 32px;
    color: inherit
}

.sep-in-company-factory-list .lr-boxs .lr-lists.lr-lefts {
    left: -66px
}

.sep-in-company-factory-list .lr-boxs .lr-lists.lr-rights {
    right: -66px
}

.sep-in-company-factory-list .lr-boxs .lr-lists:hover {
    background: #544627;
    color: #fff
}

.sep-in-history-list {
    width: 100%
}

.sep-in-history-list .p-lists {
    width: 100%;
    padding-bottom: 30px;
    position: relative
}

.sep-in-history-list .p-lists:after {
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    background: #ccc;
    position: absolute;
    left: 50%;
    top: 12px;
    z-index: 3
}

.sep-in-history-list .p-lists:last-child {
    padding-bottom: 0
}

.sep-in-history-list .p-lists:nth-child(odd) {
    justify-content: flex-end
}

.sep-in-history-list .p-lists:nth-child(odd) .i-boxs {
    left: -23px
}

.sep-in-history-list .p-lists:nth-child(even) .titles-a {
    text-align: right
}

.sep-in-history-list .p-lists:nth-child(even) .richtext {
    text-align: right
}

.sep-in-history-list .p-lists:nth-child(even) .i-boxs {
    right: -23px
}

.sep-in-history-list .p-lists:hover .i-boxs {
    background: #544627;
    box-shadow: 0 0 0 6px rgba(84,70,39,0.2)
}

.sep-in-history-list .titles-a {
    line-height: 30px;
    color: #333
}

.sep-in-history-list .lis-boxs {
    width: calc(50% - 20px);
    position: relative;
    z-index: 12
}

.sep-in-history-list .i-boxs {
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background: #ccc;
    display: block;
    position: absolute;
    top: 12px;
    box-shadow: 0 0 0 6px rgba(0,0,0,0.1)
}

.sep-our-history-list {
    width: 100%;
    overflow: hidden
}

.sep-our-history-list .p-lists {
    width: 100%;
    position: relative;
    padding: 80px 0
}

.sep-our-history-list .p-lists:hover .dian {
    background: rgba(84,70,39,0.2);
    box-shadow: 0 0 0 10px rgba(84,70,39,0.2);
    border-color: transparent
}

.sep-our-history-list .p-lists:hover .titles {
    opacity: 1
}

.sep-our-history-list .swiper-container {
    width: 272px;
    margin-left: auto;
    margin-right: auto;
    overflow: initial
}

.sep-our-history-list .swiper-slide-active .dian {
    background: rgba(84,70,39,0.2);
    box-shadow: 0 0 0 10px rgba(84,70,39,0.2);
    border-color: transparent
}

.sep-our-history-list .swiper-slide-active .titles {
    opacity: 1
}

.sep-our-history-list .titles-a {
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    color: #333
}

.sep-our-history-list .dian {
    width: 21px;
    height: 21px;
    border: 1px solid #e6e6e6;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -8px;
    margin-top: -11px;
    border-radius: 100%
}

.sep-our-history-list .dian:after {
    content: '';
    display: block;
    width: 11px;
    height: 11px;
    border-radius: 100%;
    position: absolute;
    left: 4px;
    top: 4px;
    background: #f98609
}

.sep-our-history-list .i-lines {
    width: 200%;
    height: 1px;
    background: rgba(0,0,0,0.1);
    position: absolute;
    left: -50%;
    bottom: 80px;
    z-index: 5
}

.sep-our-history-list .titles {
    opacity: 0;
    min-height: 88px;
    font-size: 72px;
    position: relative;
    color: #f98609
}

.sep-our-history-list .titles .span {
    display: block;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    white-space: nowrap;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%)
}

.sep-our-history-list .lr-boxs {
    width: 70px;
    height: 140px;
    position: absolute;
    bottom: 11px;
    right: 0
}

.sep-our-history-list .lr-boxs .lr-lists {
    width: 70px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: auto;
    left: auto;
    right: auto;
    margin: 0;
    color: #000;
    font-size: 30px;
    z-index: 30
}

.sep-our-history-list .lr-boxs .lr-lists i {
    color: inherit;
    font-size: inherit
}

.sep-our-history-list .lr-boxs .lr-lists.lr-lefts {
    left: 0;
    top: 0
}

.sep-our-history-list .lr-boxs .lr-lists.lr-rights {
    border-top: 1px solid #f98609;
    right: 0;
    bottom: 0
}

.sep-our-history-list .lr-boxs .lr-lists:hover i {
    color: #f98609
}

.sep-our-history-thumb-list {
    width: 100%;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto
}

.sep-our-history-thumb-list .p-lists {
    width: 100%;
    align-items: center
}

.sep-our-history-thumb-list .thumbs {
    width: 40%;
    border: 10px solid rgba(0,0,0,0.1)
}

.sep-our-history-thumb-list .lis-boxs {
    width: 60%;
    padding-left: 40px;
    min-height: 220px
}

.sep-our-history-thumb-list .lis-boxs.ons1 {
    width: 100%;
    padding-left: 0
}

.sep-in-re-faq-list {
    width: 100%
}

.sep-in-re-faq-list .p-boxs {
    margin: 0 -20px
}

.sep-in-re-faq-list .p-lists {
    width: calc(50% - 40px);
    margin: 0 20px 40px;
    position: relative
}

.sep-in-re-faq-list .p-lists:nth-child(odd):before {
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    background: #e8e8e8;
    position: absolute;
    right: -20px;
    top: 0
}

.sep-in-re-faq-list .p-lists:nth-child(odd):after {
    content: '';
    display: block;
    width: calc(200% + 40px);
    height: 1px;
    background: #e8e8e8;
    position: absolute;
    left: 0;
    bottom: -20px
}

.sep-in-re-faq-list .p-lists:nth-child(odd):last-child:after {
    display: none
}

.sep-in-re-faq-list .times {
    width: 100%;
    line-height: 1;
    letter-spacing: 3px;
    color: #666
}

.sep-in-re-faq-list .titles-a {
    color: #333
}

.sep-in-re-faq-list a.titles-a:hover {
    color: #f98609
}

.sep-in-re-faq-list .faq {
    line-height: 20px;
    position: absolute;
    left: 0;
    bottom: 0;
    color: #666
}

.sep-in-re-faq-list1 {
    width: 100%
}

.sep-in-re-faq-list1 .p-lists {
    width: 100%;
    margin-bottom: 30px;
    position: relative;
    padding-bottom: 20px;
    border-bottom: 1px solid #e6e6e6
}

.sep-in-re-faq-list1 .p-lists:last-child {
    margin-bottom: 0
}

.sep-in-re-faq-list1 .times {
    width: 100%;
    line-height: 1;
    letter-spacing: 3px;
    color: #666
}

.sep-in-re-faq-list1 .titles-a {
    color: #333
}

.sep-in-re-faq-list1 a.titles-a:hover {
    color: #544627
}

.sep-in-testimonials-boxs {
    width: 100%;
    max-width: calc(100% - 40px)
}

.sep-in-testimonials-boxs .p-lists {
    width: 100%;
    justify-content: space-between;
    align-items: center
}

.sep-in-testimonials-boxs .thumbs {
    width: calc(50% - 30px)
}

.sep-in-testimonials-boxs .lis-boxs {
    width: calc(50% - 30px)
}

.sep-in-testimonials-boxs .lr-boxs .lr-lists {
    width: 44px;
    height: 44px;
    border-radius: 100%;
    background: #fff;
    position: absolute;
    top: 50%;
    margin-top: -22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #544627;
    box-shadow: 0 0 6px rgba(0,0,0,0.1);
    z-index: 30
}

.sep-in-testimonials-boxs .lr-boxs .lr-lists i {
    font-size: 32px;
    color: inherit
}

.sep-in-testimonials-boxs .lr-boxs .lr-lists.lr-lefts {
    left: -66px
}

.sep-in-testimonials-boxs .lr-boxs .lr-lists.lr-rights {
    right: -66px
}

.sep-in-testimonials-boxs .lr-boxs .lr-lists:hover {
    background: #544627;
    color: #fff;
    box-shadow: none
}

.sep-in-dealer-list {
    width: 100%;
    border: 1px solid #544627;
    padding: 20px 30px
}

.sep-in-dealer-list .p-lists {
    width: 33.3333%;
    padding: 0 20px
}

.sep-in-dealer-list i {
    display: block;
    margin: 0 auto;
    font-size: 24px;
    line-height: 1
}

.sep-in-dealer-list .titles-a {
    color: #5a5959;
    line-height: 24px
}

.sep-in-dealer-list a.titles-a {
    color: #544627
}

.sep-in-dealer-list a.titles-a:hover {
    color: #f98609
}

.sep-in-dealer-bottom-list {
    width: 100%;
    padding: 20px 30px;
    border: 1px solid rgba(0,0,0,0.1)
}

.sep-in-pdf-list {
    width: 100%
}

.sep-in-pdf-list .p-boxs {
    margin: 0 -10px
}

.sep-in-pdf-list .p-lists {
    width: calc(50% - 20px);
    margin: 0 10px 20px;
    border: 1px solid #e6e6e6;
    min-height: 120px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 30px
}

.sep-in-pdf-list .p-lists:hover {
    border-color: #544627
}

.sep-in-pdf-list .r-rights {
    width: auto;
    margin-left: auto;
    align-items: center
}

.sep-in-pdf-list .titles-a {
    width: calc(100% - 110px);
    line-height: 1.32;
    min-height: 60px;
    color: #333;
    display: flex;
    align-items: center
}

.sep-in-pdf-list .titles-a i {
    color: #544627;
    font-size: 32px;
    margin-right: 6px
}

.sep-in-pdf-list .titles-a:hover {
    color: #544627
}

.sep-in-pdf-list .i-d {
    min-width: 44px;
    width: 44px;
    height: 44px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    background: #f5f5f5
}

.sep-in-pdf-list .i-d+.i-d {
    margin-left: 15px
}

.sep-in-pdf-list .i-d i {
    color: #333
}

.sep-in-pdf-list .i-d:hover {
    background: #544627
}

.sep-in-pdf-list .i-d:hover i {
    color: #fff
}

.bgseb {
    background: #ebe7e0
}

.sep-in-customization-sx-boxs {
    width: 100%;
    border-radius: 16px
}

.sep-in-customization-sx-boxs .imgs {
    width: 60%;
    border-radius: 16px;
    justify-content: center
}

.sep-in-customization-sx-boxs .imgs img {
    max-width: 100%
}

.sep-in-customization-sx-boxs .sep-list-pro-list {
    padding: 60px;
    padding-right: 0
}

.sep-in-customization-sx-boxs .lis-boxs {
    width: 40%;
    padding: 60px
}

.sep-in-customization-sx-boxs .sep-form {
    width: 100%
}

.sep-in-customization-sx-boxs .sep-form .form-group {
    position: relative;
    margin-bottom: 30px
}

.sep-in-customization-sx-boxs .sep-form .form-group i {
    position: absolute;
    top: 20px;
    right: 18px;
    font-size: 16px;
    color: rgba(91,92,99,0.6);
    pointer-events: none
}

.sep-in-customization-sx-boxs .sep-form .form-group select {
    padding: 10px 20px;
    width: 100%;
    height: 54px;
    border-radius: 8px;
    color: rgba(91,92,99,0.5);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-right: 20px;
    outline: none
}

.sep-in-customization-sx-boxs .sep-form .submit {
    width: 100%
}

.sep-in-customization-sx-boxs .sep-form .submit .sub {
    width: 100%;
    height: 53px;
    margin: 0;
    background-color: #544627;
    border-radius: 8px;
    color: #fff;
    border: none;
    cursor: pointer;
    font-size: 18px;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.sep-in-customization-sx-boxs .sep-form .submit .sub i {
    display: block;
    width: 16px;
    height: 1px;
    background: #fff;
    position: relative;
    margin-left: 5px
}

.sep-in-customization-sx-boxs .sep-form .submit .sub i:after {
    content: '';
    display: block;
    width: 8px;
    height: 1px;
    background: #fff;
    position: absolute;
    right: 0;
    top: 0;
    transform-origin: 8px 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.sep-in-customization-sx-boxs .sep-form .submit .sub:hover {
    background: #f98609
}

.sep-in-page-history-list {
    width: 100%;
    position: relative;
    padding-bottom: 70px
}

.sep-in-page-history-list .lines {
    display: block;
    width: 2px;
    height: calc(100% - 70px);
    background: #f98609;
    position: absolute;
    top: 8px;
    left: 50%;
    margin-left: -1px;
    z-index: 2
}

.sep-in-page-history-list .lines .span {
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background: #f98609;
    position: absolute;
    left: 50%;
    margin-left: -6px;
    top: calc(100% + 10px)
}

.sep-in-page-history-list .lines .span:before {
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background: inherit;
    position: absolute;
    left: 50%;
    margin-left: -6px;
    top: 24px
}

.sep-in-page-history-list .lines .span:after {
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background: inherit;
    position: absolute;
    left: 50%;
    margin-left: -6px;
    top: 48px
}

.sep-in-page-history-list .p-lists {
    width: 100%;
    padding-bottom: 10px
}

.sep-in-page-history-list .p-lists:last-child {
    margin-bottom: 0
}

.sep-in-page-history-list .p-lists:nth-child(odd) {
    justify-content: flex-end
}

.sep-in-page-history-list .p-lists:nth-child(even) .lis-boxs {
    text-align: right
}

.sep-in-page-history-list .p-lists:hover .i-boxs {
    border-color: #544627
}

.sep-in-page-history-list .p-lists:hover .i-boxs:after {
    background: #544627
}

.sep-in-page-history-list .lis-boxs {
    width: calc(50% - 30px)
}

.sep-in-page-history-list .titles-a {
    color: #f98609
}

.sep-in-page-history-list .i-boxs {
    width: 26px;
    height: 26px;
    border-radius: 100%;
    border: 1px dashed #f98609;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -13px;
    z-index: 20;
    display: flex;
    align-items: center;
    justify-content: center
}

.sep-in-page-history-list .i-boxs:after {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background: #f98609
}

.home-cc-bgs {
    background-size: cover;
    background-attachment: fixed;
    background-position: center
}

.sep-in-3d-tour-list {
    width: 100%;
    max-width: 744px;
    margin-left: auto;
    margin-right: auto;
    background: rgba(249,134,9,0.5);
    padding: 80px 20px
}

.sep-in-3d-tour-list .mores-boxs {
    width: 100%
}

.sep-in-3d-tour-list .mores-boxs .mores {
    padding: 5px 25px;
    background: #fff;
    line-height: 30px;
    color: #f98609
}

.sep-in-3d-tour-list .mores-boxs .mores:hover {
    background: #f98609;
    color: #fff
}

.sep-in-return-text-list {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 20
}

.sep-in-return-text-list.ons1 {
    background: none
}

.sep-in-return-text-list .ccc-boxs {
    width: 100%;
    padding: 45px 66px;
    border-radius: 30px;
    background: rgba(0,0,0,0.3)
}

.inner-text-boxs {
    width: 100%;
    max-width: 614px;
    margin-left: auto;
    margin-right: auto
}

.sep-in-return-why-list {
    width: 100%;
    justify-content: space-between;
    max-width: 1050px;
    margin-left: auto;
    margin-right: auto
}

.sep-in-return-why-list .p-lists {
    width: calc(50% - 30px);
    margin: 0 0 16px;
    background: rgba(0,0,0,0.3);
    padding: 30px 25px;
    border-radius: 30px;
    max-width: 472px
}

@media screen and (max-width: 1680px) {
    .sep-inner-banner .b-covers {
        top:50%
    }

    .fz60 {
        font-size: 54px
    }
}

@media screen and (max-width: 1460px) {
    .fz56 {
        font-size:40px
    }

    .fz44 {
        font-size: 36px
    }

    .fz60 {
        font-size: 44px
    }

    .richtext h2 {
        font-size: 36px
    }

    .mores-d-boxs .mores {
        margin-right: 12px
    }

    .mores-d-boxs .mores i {
        margin-left: 8px
    }

    .sep-index-pro-chooseing-list .thumbs-boxs {
        padding: 24px 20px
    }

    .sep-index-pro-chooseing-list .ul-boxs .ul-lists {
        font-size: 16px;
        margin-bottom: 4px
    }

    .sep-in-honor-list .lr-boxs .lr-lists.lr-lefts {
        left: -25px
    }

    .sep-in-honor-list .lr-boxs .lr-lists.lr-rights {
        right: -25px
    }

    .sep-our-history-list .swiper-container {
        width: 240px
    }

    .fz36 {
        font-size: 30px
    }
}

@media screen and (max-width: 1366px) {
    .sep-inner-banner .b-titles.max560 {
        max-width:500px
    }

    .sep-list-pro-form-list .p-lists {
        width: 100%
    }

    .sep-list-pro-list .lr-boxs .lr-lists.lr-lefts {
        left: -60px
    }

    .sep-list-pro-list .lr-boxs .lr-lists.lr-rights {
        right: -60px
    }

    .sep-inner-banner .b-covers .boxs.max900 {
        max-width: 100%
    }

    .sep-in-project-nav-list .p-lists {
        margin: 0 10px
    }

    .sep-in-project-list .titles-a {
        font-size: 20px
    }
}

@media screen and (max-width: 1280px) {
    .sep-in-solu-adv-list .adv-lefts {
        width:100%
    }

    .sep-in-solu-adv-list .adv-rights {
        width: 100%;
        margin-top: 80px
    }

    .sep-in-company-factory-list .lr-boxs .lr-lists.lr-lefts {
        left: -20px
    }

    .sep-in-company-factory-list .lr-boxs .lr-lists.lr-rights {
        right: -20px
    }
}

@media screen and (max-width: 1200px) {
    .richtext.fz32 {
        font-size:16px
    }

    .sep-in-testimonials-boxs {
        max-width: 100%
    }

    .fz100 {
        font-size: 80px
    }

    .sep-in-com-num-list .titles {
        font-size: 40px
    }

    .sep-list-pro-list .lr-boxs .lr-lists.lr-lefts {
        left: -20px
    }

    .sep-list-pro-list .lr-boxs .lr-lists.lr-rights {
        right: -20px
    }

    .sep-page .qy-lefts {
        width: 100%
    }

    .sep-page .qy-rights {
        display: none
    }

    .sep-list-pro-have .ha-lefts {
        width: 44%
    }

    .sep-index-list-pro-have-list .p-lists {
        margin-bottom: 24px
    }

    .mt90 {
        margin-top: 50px
    }

    .sep-inner-banner .b-covers.ons2 {
        position: relative;
        left: auto;
        top: auto;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        padding-top: 30px;
        padding-bottom: 30px
    }

    .sep-inner-banner .b-covers.ons2 .boxs.max900 {
        max-width: 100%
    }

    .sep-inner-banner .b-covers.ons2 .b-titles {
        color: #544627
    }

    .sep-inner-banner .b-covers.ons2 .b-spans {
        color: #333
    }

    .fz56 {
        font-size: 32px
    }

    .fz44 {
        font-size: 30px
    }

    .richtext h2 {
        font-size: 30px
    }

    .sep-page .sep-lefts {
        width: 100%
    }

    .sep-page .sep-rights {
        display: none
    }

    .sep-fixed-boxs .fixed-boxs {
        width: calc(100% - 40px)
    }

    .sep-list-pro-list .swiper-container {
        margin: 0;
        padding: 0
    }

    .sep-index-pro-chooseing-list .p-lists.ons1 {
        width: calc(50% - 40px)
    }

    .sep-index-pro-chooseing-list .lis-boxs {
        display: block
    }

    .sep-index-pro-chooseing-list .lis-boxs .mores-boxs {
        width: 100%;
        margin-top: 15px
    }

    .sep-index-pro-why-list .p-lists {
        width: calc(50% - 40px);
        margin-bottom: 30px
    }

    .sep-index-pro-process-thumb-boxs .th-lefts {
        width: 100%
    }

    .sep-index-pro-process-thumb-boxs .th-rights {
        width: 100%;
        padding: 30px 0 0
    }

    .sep-index-pro-videos-list .lr-boxs .lr-lists.lr-lefts {
        left: -20px
    }

    .sep-index-pro-videos-list .lr-boxs .lr-lists.lr-rights {
        right: -20px
    }

    .sep-inner-banner .b-covers.ons1 {
        top: 50%
    }

    .sep-index-pro-why-list .lr-boxs .lr-lists.lr-lefts {
        left: -20px
    }

    .sep-index-pro-why-list .lr-boxs .lr-lists.lr-rights {
        right: -20px
    }

    .sep-list-pro-gallery-list .p-lists {
        width: calc(33.3333% - 30px)
    }

    .sep-list1-pro-selected-list .thumbs {
        width: 100%
    }

    .sep-list1-pro-selected-list .lis-boxs {
        width: 100%;
        padding: 30px 0 0 20px
    }

    .sep-list1-pro-our-list .swiper-container {
        padding: 10px 20px
    }

    .sep-in-company-factory-list .lr-boxs .lr-lists.lr-lefts {
        left: -20px
    }

    .sep-in-company-factory-list .lr-boxs .lr-lists.lr-rights {
        right: -20px
    }

    .sep-in-testimonials-boxs .lr-boxs .lr-lists.lr-lefts {
        left: -20px
    }

    .sep-in-testimonials-boxs .lr-boxs .lr-lists.lr-rights {
        right: -20px
    }
}

@media screen and (max-width: 821px) {
    .sep-in-return-text-list {
        position:relative;
        left: auto;
        top: auto;
        padding-top: 30px;
        padding-bottom: 30px
    }

    .sep-in-return-text-list .ccc-boxs {
        padding: 30px 20px
    }

    .fz48 {
        font-size: 22px
    }

    .fz28 {
        font-size: 22px
    }

    .sep-in-testimonials-boxs .lr-boxs .lr-lists {
        top: 25%
    }

    .sep-in-testimonials-boxs .thumbs {
        width: 100%
    }

    .sep-in-testimonials-boxs .lis-boxs {
        width: 100%;
        padding: 25px 0 0
    }

    .sep-in-testimonials-boxs .p-lists {
        display: block
    }

    .sep-in-gallery-thumb-list .p-lists {
        width: calc(50% - 30px)
    }

    .sep-in-gallery-thumb-list .p-lists.ons1 {
        width: calc(50% - 30px)
    }

    .sep-in-project-list .p-lists {
        width: calc(50% - 50px)
    }

    .sep-list1-pro-our-list .p-lists {
        width: calc(50% - 20px)
    }

    .sep-list-pro-gallery-list .p-lists {
        width: calc(50% - 30px)
    }

    .sep-in-solu-feature-list .lis-boxs {
        width: 100%;
        margin-bottom: 30px
    }

    .sep-in-solu-feature-list .thumbs {
        width: 100%
    }

    .sep-in-solu-adv-list .adv-rights {
        margin-top: 0
    }

    .sep-in-com-num-list .p-lists {
        width: 50%;
        padding: 0 15px;
        margin-bottom: 30px
    }

    .fz60 {
        font-size: 30px
    }

    .fz36 {
        font-size: 22px
    }

    .sep-company-working-list .p-lists {
        width: calc(100% - 80px);
        margin-bottom: 30px
    }

    .sep-company-working-list .p-lists::before {
        display: none
    }

    .sep-company-working-list .p-lists:last-child {
        margin-bottom: 0
    }

    .sep-company-we-are-list .p-lists {
        width: calc(100% - 24px)
    }

    .sep-company-we-are-list .p-lists:last-child {
        margin-bottom: 0
    }

    .sep-company-boxs .lis-boxs {
        width: 100%;
        padding: 0 0 30px
    }

    .sep-company-boxs .thumbs {
        width: 100%
    }

    .sep-inner-gallery-list .p-lists {
        width: calc(50% - 30px)
    }

    .sep-inner-gallery-list .p-lists.ons1 {
        width: calc(50% - 30px)
    }

    .sep-inner-catalog-list .p-lists {
        width: calc(50% - 30px)
    }

    .sep-inner-catalog-list .p-lists.ons1 {
        width: calc(50% - 30px)
    }

    .sep-inner-video-list .p-lists {
        width: calc(50% - 30px)
    }

    .sep-detail-pro-thumbs .imgs {
        width: 100%
    }

    .sep-detail-pro-thumbs .imgs-rights {
        width: 100%;
        padding-top: 30px;
        padding-left: 0
    }

    .sep-list-pro-form .for-rights {
        width: 100%
    }

    .sep-list-pro-form .t-lines {
        margin-right: auto
    }

    .fz56 {
        font-size: 24px
    }

    .sep-list-pro-manufacturing-list .lis-boxs {
        width: 100%;
        padding: 0 0 30px
    }

    .sep-list-pro-manufacturing-list .imgs {
        width: 100%
    }

    .sep-list-pro-compared-list .swiper-pagination span.swiper-pagination-bullet-active {
        font-size: 40px
    }

    .sep-list-pro-compared-list .p-lists {
        align-content: flex-start
    }

    .sep-list-pro-compared-list .imgs {
        width: 100%;
        max-width: 580px;
        margin-left: auto;
        margin-right: auto
    }

    .sep-list-pro-compared-list .lis-boxs {
        width: 100%;
        padding: 30px 0 0
    }

    .sep-list-pro-list .p-lists {
        width: calc(50% - 42px)
    }

    .richtext h2 {
        font-size: 22px
    }

    .richtext.two-h2 h2 {
        font-size: 24px
    }

    .fz44 {
        font-size: 24px
    }

    .richtext h2 {
        font-size: 24px
    }

    .richtext iframe {
        max-height: 320px
    }

    .sep-inner-banner .b-titles.max560 {
        max-width: 370px
    }

    .sep-index-pro-process-list .thumbs {
        width: 100%
    }

    .sep-index-pro-process-list .lis-boxs {
        width: 100%;
        padding: 30px 0 0
    }

    .sep-list-pro-form .for-lefts {
        width: 100%;
        padding: 0
    }

    .sep-list-pro-form .for-lefts {
        width: 100%
    }

    h1 {
        font-size: 30px
    }

    h1.fz56 {
        font-size: 30px
    }

    h1.fz48 {
        font-size: 30px
    }

    .fz32 {
        font-size: 24px
    }

    .sep-inner-service-list .lis-boxs {
        padding: 0 !important
    }

    .sep-contact-boxs .pp-lists {
        width: 100%
    }

    .sep-contact-boxs .pp-lists.p-rights {
        padding: 30px 0 0
    }

    .sep-contact-boxs .pp-lists.p-lefts {
        padding: 0 0 30px
    }

    .richtext table tr td:nth-child(1) {
        min-width: 0
    }

    .sep-in-ab-honor-list .ab-lefts {
        width: 100%;
        padding-right: 0;
        padding-bottom: 30px
    }

    .sep-in-ab-honor-list .ab-rights {
        width: 100%
    }

    .sep-in-ab-honor-list .swiper-container {
        width: 100%
    }

    .sep-in-ab-honor-list .nums1 {
        display: none
    }

    .mt100 {
        margin-top: 30px
    }

    .sep-in-solu-detail-thumb-list .thumbs {
        width: 100%
    }

    .sep-in-solu-detail-thumb-list .lis-boxs {
        width: 100%;
        margin-top: 30px
    }

    .sep-in-solu-adv-list .adv-lefts {
        width: 100%;
        margin-bottom: 66px
    }

    .sep-in-solu-adv-list .adv-rights {
        width: 100%
    }

    .sep-in-pdf-list .p-lists {
        width: calc(100% - 20px);
        min-height: 80px
    }

    .sep-in-pdf-list .p-lists:last-child {
        margin-bottom: 0
    }

    .sep-in-pdf-list .i-d:nth-child(1) {
        display: none
    }

    .sep-in-pdf-list .titles-a {
        width: calc(100% - 60px)
    }

    .sep-index-pro-process-thumb-list .p-lists {
        width: calc(25% - 30px)
    }

    .sep-inner-banner .b-covers.ons1 {
        background: #fff;
        position: relative;
        left: auto;
        top: auto;
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
        padding-top: 30px;
        padding-bottom: 30px
    }

    .sep-inner-banner .b-covers.ons1 .b-titles {
        color: #544627
    }

    .sep-inner-banner .b-covers.ons1 .richtext.cors {
        color: #666
    }

    .sep-list1-pro-list .p-lists {
        width: calc(50% - 30px)
    }

    .sep-contact-boxs .pp-lists {
        width: 100% !important;
        margin-bottom: 30px
    }

    .sep-contact-boxs .pp-lists:last-child {
        margin-bottom: 0
    }

    .sep-contact-boxs .pp-lists.ons1.p-rights {
        padding-left: 0;
        padding-top: 0
    }

    .sep-in-customization-sx-boxs .imgs {
        width: 100%;
        padding-right: 60px;
        padding-bottom: 0
    }

    .sep-in-customization-sx-boxs .lis-boxs {
        width: 100%
    }

    .fz40 {
        font-size: 24px
    }
}

@media screen and (max-width: 768px) {
    .sep-in-project-list.plr {
        padding-left:20px;
        padding-right: 20px
    }
}

@media screen and (max-width: 667px) {
    .sep-inner-banner .mt25 {
        margin-top:10px
    }

    .fz60 {
        font-size: 26px
    }

    .pb220 {
        padding-bottom: 60px
    }

    .sep-in-return-why-list .p-lists {
        width: 100%;
        margin: 0 0 16px
    }

    .sep-in-return-why-list .p-lists:last-child {
        margin-bottom: 0
    }

    .sep-in-3d-tour-list {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .sep-in-page-history-list .lis-boxs {
        width: 100%;
        padding-left: 40px
    }

    .sep-in-page-history-list .i-boxs {
        left: 0;
        margin-left: 0
    }

    .sep-in-page-history-list .lines {
        left: 12px;
        margin-left: 0
    }

    .sep-in-page-history-list .p-lists:nth-child(even) .lis-boxs {
        text-align: left
    }

    .sep-in-dealer-list .p-lists {
        width: 100%;
        padding: 0 10px;
        margin-bottom: 20px
    }

    .sep-in-dealer-list .p-lists:last-child {
        margin-bottom: 0
    }

    .sep-in-customization-sx-boxs .sep-form .submit .sub {
        font-size: 16px
    }

    .sep-in-customization-sx-boxs .sep-form .form-group select {
        height: 46px
    }

    .sep-in-customization-sx-boxs .sep-form .form-group {
        margin-bottom: 15px
    }

    .sep-in-customization-sx-boxs .imgs {
        padding: 30px 20px 0
    }

    .sep-in-customization-sx-boxs .lis-boxs {
        padding: 30px 20px
    }

    .sep-in-re-faq-list .p-lists {
        width: calc(100% - 40px)
    }

    .sep-in-re-faq-list .p-lists:nth-child(odd):after {
        width: calc(100% + 20px)
    }

    .sep-in-gallery-thumb-list .p-lists {
        width: calc(100% - 30px)
    }

    .sep-in-gallery-thumb-list .p-lists:last-child {
        margin-bottom: 0
    }

    .sep-in-gallery-thumb-list .p-lists.ons1 {
        width: calc(100% - 30px)
    }

    .sep-in-project-detail .thumbs {
        width: 100%
    }

    .sep-in-project-detail .lis-boxs {
        width: 100%;
        padding: 30px 0 0
    }

    .sep-in-project-list .p-lists {
        width: calc(100% - 50px);
        margin-bottom: 30px
    }

    .sep-in-project-list .p-lists:last-child {
        margin-bottom: 0
    }

    .sep-list1-pro-our-list .p-lists {
        width: 100%
    }

    .sep-list1-pro-interior-list .thumbs {
        width: 100%
    }

    .sep-list1-pro-interior-list .lis-boxs {
        width: 100%;
        padding: 20px 0 0
    }

    .sep-list1-pro-selected-list .p-lists {
        padding-left: 30px;
        padding-bottom: 30px
    }

    .sep-list1-pro-list .p-lists {
        width: calc(100% - 30px)
    }

    .sep-list1-pro-list .p-lists:last-child {
        margin-bottom: 0
    }

    .sep-list-pro-gallery-list .p-lists {
        width: calc(100% - 30px)
    }

    .sep-list-pro-gallery-list .p-lists:last-child {
        margin-bottom: 0
    }

    .sep-index-pro-process-thumb-list .p-lists {
        width: calc(50% - 30px)
    }

    .sep-company-working-hover-list .p-lists {
        width: calc(100% - 10px)
    }

    .sep-company-working-hover-list .p-lists:last-child {
        margin-bottom: 0
    }

    .sep-list-pro-faq-list .i-imgs {
        width: 50px
    }

    .sep-list-pro-faq-list .i-imgs img {
        max-width: 30px
    }

    .sep-in-solu-feature-list .p-lists {
        margin-bottom: 30px
    }

    .sep-in-solu-feature-list .p-lists:last-child {
        margin-bottom: 0
    }

    .sep-in-solu-adv-list .adv-rights .p-lists {
        width: 100%;
        margin-bottom: 30px
    }

    .sep-in-solu-adv-list .adv-rights .p-lists:last-child {
        margin-bottom: 0
    }

    .sep-in-solution-list .p-lists {
        width: calc(100% - 40px);
        margin-bottom: 30px
    }

    .sep-in-solution-list .p-lists:last-child {
        margin-bottom: 0
    }

    .sep-inner-yattll-news .thumbs {
        width: 100%;
        margin-right: 0
    }

    .sep-inner-yattll-news .lis-boxs {
        display: block;
        width: 100%
    }

    .sep-inner-service-list .p-lists {
        margin-bottom: 30px
    }

    .sep-inner-banner .banner img {
        min-height: 200px;
        object-fit: cover
    }

    .sep-in-ab-factory-list .swiper-slide-active {
        transform: scale(1)
    }

    .sep-in-ab-factory-list {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .pb100 {
        padding-bottom: 60px
    }

    .sep-in-com-cult-list .p-lists {
        width: 50%;
        padding: 6px 10px
    }

    .sep-in-com-cult-list .p-lists:nth-child(2n+2) {
        border-right: none
    }

    .sep-list-pro-faq-list .lis-boxs {
        padding-left: 0 !important
    }

    .sep-list-pro-faq-list .lis-boxs .i-imgs {
        display: none
    }

    .sep-index-pro-why-list .p-lists {
        width: calc(100% - 40px)
    }

    .sep-index-pro-why-list .p-lists:last-child {
        margin-bottom: 0
    }

    .sep-index-pro-chooseing-list .lis-boxs {
        display: block
    }

    .sep-index-pro-chooseing-list .mores-boxs {
        width: 100%;
        margin-top: 15px
    }

    .sep-our-history-thumb-list .p-lists {
        align-items: flex-start
    }

    .sep-our-history-thumb-list .thumbs {
        width: 100%
    }

    .sep-our-history-thumb-list .lis-boxs {
        width: 100%;
        padding: 25px 0 0
    }

    .sep-our-history-thumb-list .thumbs {
        width: 100%
    }

    .sep-our-history-thumb-list .lis-boxs {
        width: 100%;
        padding: 25px 0 0
    }

    .sep-our-history-list .p-lists {
        margin-top: 0
    }

    .sep-in-com-num-list .p-lists:last-child {
        margin-bottom: 0
    }

    .sep-pagination .pagination li a {
        padding-left: 8px;
        padding-right: 8px;
        margin: 0 4px
    }

    .sep-list-pro-compared-list .vs {
        width: 66px;
        height: 66px;
        margin-left: -33px;
        margin-top: -33px
    }

    .sep-list-pro-compared-list .imgs .thumbs+.thumbs {
        margin-top: 36px
    }

    .sep-duotus-ul-boxs li.ons {
        height: auto
    }

    .sep-detail-pro-thumbs .thumbs.ons {
        height: auto
    }

    .sep-list-pro-compared-list .swiper-pagination span {
        font-size: 20px
    }

    .sep-list-pro-compared-list .swiper-pagination span:after {
        width: 8px
    }

    .sep-list-pro-compared-list .swiper-pagination span.swiper-pagination-bullet-active {
        font-size: 28px
    }

    .sep-resource-list2 li {
        padding-left: 0
    }

    .sep-resource-list2 li .thumb {
        position: relative;
        left: auto;
        top: auto;
        width: 100%;
        margin-bottom: 20px
    }

    .pdf-view {
        display: none !important
    }

    .mt40 {
        margin-top: 30px
    }

    .sep-inner-service-list .thumbs {
        width: 100%
    }

    .sep-inner-service-list .lis-boxs {
        width: 100%;
        margin-top: 20px
    }

    .sep-company-we-are-list .p-lists .thumbs img {
        max-width: 100px
    }

    .sep-inner-gallery-list .p-lists {
        width: calc(100% - 30px)
    }

    .sep-inner-gallery-list .p-lists.ons1 {
        width: calc(100% - 30px)
    }

    .sep-inner-gallery-list .p-lists.ons2 {
        width: calc(100% - 30px)
    }

    .sep-inner-gallery-list .p-lists:last-child {
        margin-bottom: 0
    }

    .sep-inner-catalog-list .p-lists {
        width: calc(100% - 30px)
    }

    .sep-inner-catalog-list .p-lists.ons1 {
        width: calc(100% - 30px)
    }

    .sep-inner-catalog-list .p-lists:last-child {
        margin-bottom: 0
    }

    .mt100 {
        margin-top: 30px
    }

    .sep-detail-pro-features-list .lis-boxs {
        width: calc(100% - 80px);
        padding: 10px 20px
    }

    .sep-detail-pro-features-list .nums {
        width: 60px;
        height: 50px;
        font-size: 32px
    }

    .sep-detail-video-boxs .i-video i {
        width: 60px;
        height: 60px
    }

    .mt160 {
        margin-top: 50px
    }

    .mt130 {
        margin-top: 50px
    }

    .sep-inner-video-list .p-lists {
        width: calc(100% - 30px)
    }

    .sep-inner-video-list .p-lists:last-child {
        margin-bottom: 0
    }

    .richtext.table1 table tr td {
        padding: 5px 20px
    }

    .richtext.table1 table tr td:nth-child(1) {
        width: auto;
        min-width: 0
    }

    .mt50 {
        margin-top: 30px
    }

    .mores-d-boxs .mores {
        padding-top: 7px;
        padding-bottom: 7px
    }

    .sep-list-pro-form-boxs .form-group .btn-primary {
        margin-top: 0;
        padding-top: 7px;
        padding-bottom: 7px
    }

    .sep-list-pro-form-boxs .form-group.ons {
        width: calc(100% - 20px)
    }

    .sep-list-pro-form-boxs .form-group .form-control {
        height: 44px
    }

    .sep-list-pro-form-boxs .form-group textarea.form-control {
        height: 90px
    }

    .sep-list-pro-faq-list .titles-a {
        padding-left: 60px;
        padding-right: 40px;
        padding-top: 20px;
        padding-bottom: 20px;
        font-size: 20px
    }

    .sep-list-pro-faq-list .i-fk {
        height: 24px
    }

    .sep-list-pro-faq-list .i-boxs {
        right: 6px
    }

    .sep-list-pro-faq-list .lis-boxs {
        padding-left: 72px;
        padding-right: 0
    }

    .sep-list-pro-faq-list .i-imgs {
        left: -4px
    }

    .sep-list-pro-list .p-lists {
        width: calc(100% - 42px);
        margin-bottom: 30px
    }

    .sep-list-pro-list .p-lists:last-child {
        margin-bottom: 0
    }

    .sep-pro-news-list .p-lists {
        width: calc(100% - 30px)
    }

    .sep-pro-news-list .p-lists:last-child {
        margin-bottom: 0
    }

    .sep-index-pro-videos-list .swiper-pagination {
        margin-top: 30px
    }

    .pt100 {
        padding-top: 60px
    }

    .pb70 {
        padding-bottom: 60px
    }

    .pb110 {
        padding-bottom: 60px
    }

    .pt110 {
        padding-top: 60px
    }

    .sep-inner-banner .b-titles.befs {
        padding-left: 22px
    }

    .sep-index-pro-chooseing-list .p-lists {
        width: calc(100% - 40px)
    }

    .sep-index-pro-chooseing-list .p-lists:last-child {
        margin-bottom: 0
    }

    .sep-index-pro-chooseing-list .p-lists.ons1 {
        width: calc(100% - 40px)
    }

    .sep-index-pro-chooseing-list .thumbs-boxs {
        padding: 24px
    }

    .sep-index-pro-chooseing-list .mores-boxs .mores {
        padding: 7px 12px;
        padding-left: 24px
    }
}

.sep-lx-header-mb {
    display: block
}

.sep-lx-header-mb .box-wrap {
    padding: 0 0 0 20px;
    position: relative;
    z-index: 1000
}

.sep-lx-header-mb .box-wrap .logo {
    float: none;
    margin: 0 auto
}

.sep-lx-header-mb .box-wrap .logo img {
    width: 100px
}

.sep-lx-header-mb .box-wrap>ul {
    position: relative;
    top: 1px
}

.sep-lx-header-mb .box-wrap>ul>li {
    float: left;
    width: 60px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    position: relative;
    font-size: 20px;
    color: #544627
}

.sep-lx-header-mb .box-wrap>ul>li#menu i {
    display: block;
    width: 24px;
    height: 4px;
    position: relative;
    background: #544627;
    margin: 33px auto 0
}

.sep-lx-header-mb .box-wrap>ul>li#menu i:after {
    content: '';
    display: block;
    width: 4px;
    height: 4px;
    background: #fff;
    position: absolute;
    left: 4px;
    top: 0
}

.sep-lx-header-mb .box-wrap>ul>li#menu i span {
    display: block;
    width: 100%;
    height: 4px;
    position: absolute;
    left: 0;
    top: -10px;
    background: #544627
}

.sep-lx-header-mb .box-wrap>ul>li#menu i span:after {
    content: '';
    display: block;
    width: 4px;
    height: 4px;
    background: #fff;
    position: absolute;
    left: 4px;
    top: 0
}

.sep-lx-header-mb .box-wrap>ul>li#menu i span.ons1 {
    top: 10px
}

.sep-lx-header-mb .box-wrap>ul>li#logo {
    border: none;
    float: none;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    width: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.sep-lx-header-mb .box-wrap>ul>li .multi-language {
    position: absolute;
    background: #544627;
    width: 157px;
    text-align: center;
    padding: 10px 20px;
    z-index: 100000;
    top: 40px;
    left: -67px;
    display: none;
    border: 1px solid #fff
}

.sep-lx-header-mb .box-wrap>ul>li .multi-language li {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #fff;
    line-height: 32px
}

.sep-lx-header-mb .box-wrap>ul>li .multi-language li:last-child {
    border-bottom: none;
    margin-bottom: 0
}

.sep-lx-header-mb .box-wrap>ul>li .multi-language li a {
    color: #fff;
    font-size: 16px
}

.sep-lx-header-mb .box-wrap>ul>li i {
    color: #544627;
    font-size: inherit;
    line-height: normal
}

.sep-lx-header-mb .box-wrap>ul>li i.cors {
    color: #544627
}

.sep-shadow {
    background: rgba(0,0,0,0.5);
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1000000;
    display: none
}

i.i-searchs {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    border: 3px solid #000;
    position: relative
}

i.i-searchs:after {
    content: '';
    display: block;
    width: 3px;
    height: 8px;
    background: #000;
    position: absolute;
    left: 100%;
    top: 100%;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

i.i-closes {
    display: inline-block;
    width: 25px;
    height: 25px;
    position: relative;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

i.i-closes:before {
    content: '';
    display: block;
    width: 17px;
    height: 3px;
    background: #000;
    position: absolute;
    left: 4px;
    top: 11px
}

i.i-closes:after {
    content: '';
    display: block;
    width: 3px;
    height: 17px;
    background: #000;
    position: absolute;
    left: 11px;
    top: 4px
}

i.i-closes.ons {
    position: absolute;
    right: 31px;
    top: 24px;
    cursor: pointer
}

i.i-globals {
    display: inline-block;
    width: 22px;
    height: 22px;
    border-radius: 100%;
    border: 1px solid #000;
    position: relative
}

i.i-globals:after {
    content: '';
    display: block;
    width: 10px;
    height: 20px;
    border: 1px solid #000;
    border-radius: 50%;
    position: absolute;
    left: 5px;
    top: 0
}

i.i-globals:before {
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #000
}

i.i-menus {
    display: inline-block;
    width: 18px;
    height: 2px;
    position: relative;
    background: #000
}

i.i-menus:before {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background: #000;
    position: absolute;
    left: 0;
    top: -5px
}

i.i-menus:after {
    content: '';
    display: block;
    width: 100%;
    height: 2px;
    background: #000;
    position: absolute;
    left: 0;
    top: 5px
}

.sep-search-box {
    position: fixed;
    width: 100%;
    background: #fff;
    top: 64px;
    z-index: 10000000;
    padding: 44px 31px;
    box-shadow: 0 0 12px rgba(0,0,0,0.5);
    display: none
}

.sep-search-box .fa-times {
    color: #000;
    font-size: 20px;
    position: absolute;
    right: 31px;
    top: 24px;
    cursor: pointer
}

.sep-search-box .hd {
    color: #282828;
    font-size: 18px;
    font-family: 'LATO-BOLD'
}

.sep-search-box form {
    margin-top: 10px;
    margin-bottom: 25px
}

.sep-search-box form .form-control {
    height: 47px;
    border-radius: 0
}

.sep-search-box form .btn {
    background: #544627;
    color: #fff;
    display: table;
    margin: 0 auto;
    margin-top: 17px;
    padding: 10px 40px;
    font-size: 16px;
    width: 100%
}

.sep-search-box form .btn i {
    margin-right: 5px;
    border-color: #fff
}

.sep-search-box form .btn i:after {
    background: #fff
}

.sep-search-box .more {
    background: #544627;
    color: #fff;
    display: table;
    margin: 0 auto;
    margin-top: 17px;
    padding: 10px 40px;
    font-size: 16px;
    width: 100%;
    border: none
}

.sep-search-box .more i {
    padding-right: 5px
}

.sep-search-box ul li {
    margin-top: 8px
}

.sep-search-box ul li a {
    color: #8c8c8c;
    display: block
}

.logos {
    max-width: 64px;
    display: inline-block;
    line-height: 60px;
    padding: 5px 0
}

.logos img {
    max-width: 100%;
    max-height: 60px;
    display: inline
}

.sep-menu-box {
    width: 100%;
    position: absolute;
    background: #fff;
    left: 0;
    top: 0;
    z-index: 10000000;
    max-width: 400px;
    box-shadow: 0 0 12px rgba(0,0,0,0.7);
    transition: All .4s ease-in-out;
    -webkit-transition: All .4s ease-in-out;
    -moz-transition: All .4s ease-in-out;
    -o-transition: All .4s ease-in-out;
    -webkit-transform: translateX(-105%);
    -moz-transform: translateX(-105%);
    -ms-transform: translateX(-105%);
    -o-transform: translateX(-105%);
    transform: translateX(-105%)
}

.sep-menu-box.active {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.sep-menu-box .top {
    padding: 20px 30px;
    text-align: center;
    box-shadow: 0 0 12px rgba(145,145,145,0.7);
    position: relative;
    z-index: 10000
}

.sep-menu-box .top i {
    color: #000;
    font-size: 22px;
    position: relative;
    top: 3px;
    cursor: pointer
}

.sep-menu-box .bottom {
    visibility: visible
}

.sep-menu-box .bottom.no {
    visibility: hidden
}

.sep-menu-box .bottom .menu-item {
    margin-bottom: 20px
}

.sep-menu-box .bottom .menu-item>li {
    border-bottom: 1px solid #ddd
}

.sep-menu-box .bottom .menu-item>li:last-child {
    border-bottom: none
}

.sep-menu-box .bottom .menu-item>li.active {
    background: #544627
}

.sep-menu-box .bottom .menu-item>li.active .box {
    border-bottom: 1px solid #fff
}

.sep-menu-box .bottom .menu-item>li.active .box a {
    color: #fff
}

.sep-menu-box .bottom .menu-item>li.active .box i {
    color: #fff;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    background: #fff
}

.sep-menu-box .bottom .menu-item>li.active .box i:after {
    border-top-color: #544627;
    border-right-color: #544627
}

.sep-menu-box .bottom .menu-item>li .box {
    position: relative;
    padding: 22px 30px;
    border-bottom: 1px solid transparent
}

.sep-menu-box .bottom .menu-item>li .box a {
    color: #282828;
    font-size: 18px
}

.sep-menu-box .bottom .menu-item>li .box i {
    display: block;
    width: 24px;
    height: 24px;
    font-size: 20px;
    border-radius: 100%;
    background: #544627;
    color: #282828;
    position: absolute;
    right: 30px;
    top: 26px;
    cursor: pointer;
    transition: All .4s ease-in-out;
    -webkit-transition: All .4s ease-in-out;
    -moz-transition: All .4s ease-in-out;
    -o-transition: All .4s ease-in-out
}

.sep-menu-box .bottom .menu-item>li .box i:after {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    border: 2px solid transparent;
    border-top-color: #fff;
    border-right-color: #fff;
    position: absolute;
    left: 50%;
    margin-left: -6px;
    top: 50%;
    margin-top: -4px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.sep-menu-box .bottom .menu-item>li>ul {
    padding: 5px 0;
    display: none
}

.sep-menu-box .bottom .menu-item>li>ul>li {
    padding: 4px 20px
}

.sep-menu-box .bottom .menu-item>li>ul>li a {
    color: #fff
}

.sep-menu-box .bottom-toggle {
    position: absolute;
    width: 100%;
    z-index: 1000;
    top: 64px;
    background: #fff;
    transition: All .4s ease-in-out;
    -webkit-transition: All .4s ease-in-out;
    -moz-transition: All .4s ease-in-out;
    -o-transition: All .4s ease-in-out;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.sep-menu-box .bottom-toggle.active {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.sep-menu-box .bottom-toggle .toggle {
    display: none
}

.sep-menu-box .bottom-toggle .toggle>ul {
    background: #fff
}

.sep-menu-box .bottom-toggle .toggle>ul>li {
    padding: 0 0;
    border-bottom: 1px solid #ccc;
    position: relative;
    line-height: 60px
}

.sep-menu-box .bottom-toggle .toggle>ul>li:nth-child(1) span {
    width: 60;
    min-width: 60px;
    height: 59px;
    line-height: 60px;
    text-align: center;
    display: inline-block;
    border-right: 1px solid #ccc
}

.sep-menu-box .bottom-toggle .toggle>ul>li:nth-child(1) a {
    font-family: 'LATO-BOLD'
}

.sep-menu-box .bottom-toggle .toggle>ul>li>ul {
    display: none
}

.sep-menu-box .bottom-toggle .toggle>ul>li>ul>li {
    line-height: 40px
}

.sep-menu-box .bottom-toggle .toggle>ul>li a {
    color: #282828;
    font-size: 16px;
    padding-left: 30px
}

.sep-menu-box .bottom-toggle .toggle>ul>li a i {
    font-size: 20px;
    color: #282828;
    position: absolute;
    right: 30px;
    top: 21px;
    cursor: pointer
}

.sep-menu-box .contact {
    background: #544627;
    color: #fff;
    display: table;
    margin: 0 auto 20px;
    margin-top: 0;
    padding: 4px 20px;
    line-height: 30px;
    font-size: 16px;
    border: none;
    border-radius: 0
}

.sep-menu-box .contact i {
    padding-right: 5px;
    color: inherit
}

.sep-menu-box .logo img {
    width: 59px
}

.gdw-mb-c {
    display: none
}

.sep-banner-mb {
    display: none
}

.sep-banner-mb img {
    width: 100%
}

.mb-bottom-wrap {
    padding-bottom: 24px;
    background: #131d26
}

.mb-bottom-wrap ul.info {
    padding: 28px 37px
}

.mb-bottom-wrap ul.info li {
    margin-bottom: 4px;
    position: relative;
    padding-left: 36px;
    color: #fff
}

.mb-bottom-wrap ul.info li:last-child {
    margin-bottom: 0
}

.mb-bottom-wrap ul.info li i {
    color: #fff
}

.mb-bottom-wrap ul.info li a {
    color: #fff
}

.mb-bottom-wrap ul.info li img {
    position: absolute;
    left: 0;
    top: 10px
}

.mb-bottom-wrap .bottom-menu>li:last-child {
    border-bottom: 1px solid #343e46
}

.mb-bottom-wrap .bottom-menu>li>ul {
    padding: 5px 0;
    padding-left: 60px;
    border-top: 1px solid #343e46;
    display: none
}

.mb-bottom-wrap .bottom-menu>li>ul li {
    padding: 5px 0;
    list-style: disc;
    color: #fff
}

.mb-bottom-wrap .bottom-menu>li>ul li a {
    color: #fff
}

.mb-bottom-wrap .bottom-menu>li .box {
    padding: 13px 37px;
    border-top: 1px solid #343e46;
    position: relative
}

.mb-bottom-wrap .bottom-menu>li .box a {
    color: #fff
}

.mb-bottom-wrap .bottom-menu>li .box i {
    position: absolute;
    right: 37px;
    top: 17px;
    color: #fff;
    cursor: pointer
}

.mb-bottom-wrap .sep-share {
    display: table;
    margin: 0 auto;
    margin-top: 24px
}

.mb-bottom-wrap .sep-share li {
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    margin-right: 6px;
    background: #1e2c39
}

.mb-bottom-wrap .sep-share li:hover {
    background: #544627;
    border: 1px solid #544627
}

.mb-bottom-wrap .sep-share li:hover a i {
    color: #fff
}

.mb-bottom-wrap .sep-share li a i {
    color: #fff
}

@media screen and (min-width: 769px) {
    .sep-banner-mb {
        display:none
    }

    .sep-search-box,.sep-shadow,.sep-lx-header-mb,.sep-menu-box {
        display: none !important
    }
}

@media screen and (max-width: 768px) {
    .sep-banner-pc {
        display:none
    }

    .sep-banner-mb {
        display: block
    }
}